Question

如何在视图模型中添加和删除自定义属性？

使用targetElement.SetAttribute（＆＃39; mycustomelement＆＃39;）添加属性不会激活Aurelia自定义属性。

TemplatingEngine.Enhance（）可以从视图模型中为自定义属性带来生命吗？

Answer 1

你可以这样做：

<div id="dummy">lorum ipsum</div>
<button click.delegate="addAttribute()">click here</button>

代码隐藏

public addAttribute() {

    let el = document.getElementById("dummy");
    el.setAttribute("css.bind", "{ color: 'red' }");

    if (el && !el.querySelectorAll('.au-target').length) {
      var element = this.templatingEngine.enhance(el);
      console.dir( element.viewFactory );
    }
}

不知道如何取消绑定，并且（我猜）在多次附加元素时会出现内存问题或错误（因此添加了对.au-target的检查）。函数上面的文档说明你现在负责它的生命周期。

你试图完成的是什么？可能有更好的方式..

Aurelia：如何在视图模型中添加和删除自定义属性

1 个答案: