获取无容器元素的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); 
    } 
}