獲取無容器元素的ViewModel

Question

在Aurelia中，當我想訪問作爲aurelia自定義元素的DOM元素的視圖模型時，我可以使用Aurelia重視的au屬性，如componentElement.au.controller.viewModel。

當我的自定義元素是無容器的（屬性級別爲屬性@containerless）時，屬性au不可用。

這個要點說明了這一點： https://gist.run/?id=928f97f49c01c1db10d8bf4399f5c335

如何訪問一個無容器自定義組件的視圖模型時，我只需要它的DOM元素的引用？

Answer 1

達到你想要掛接到created生命週期在您的視圖模型是什麼：

class ViewModel { 
    created(owningView, view) { 
    view.controller 
    view.controller.viewModel // <-- this is what you want 
    } 
} 

Answer 2

我不知道這是否是你想要的，但你可以使用view-model.ref。例如：

<less-comp text="item three, containerless" view-model.ref="test"></less-comp> 

用法：

export class App { 
    attached() { 
    console.log(this.test); 
    } 
}