在 Angular2 中添加動態屬性

Question

我有現有的 javascript 函數，用於使用 setAttribute 函數創建動態元素。 現在我想將屬性 [(ngModel)] 附加到此元素中以進行雙向數據綁定。 我試圖添加這個使用

obj.setAttribute("[(ngModel)]", "modelName")

但我收到錯誤 -

Failed to execute 'setAttribute' on 'Element': '[(ngModel)]' is not a valid

Answer 1

不是從 JavaScript 設置屬性，而是將所有屬性放在數組中並循環它以呈現所有輸入字段。

<div ngFor="item in items">

  <input [(ngModel)]="item.modelName" class="form-control" />

</div>

Answer 2

正如 Günter 上面所說，“在 DOM 綁定中根本不會有任何影響”。 然而，Angular 1 也是如此。 在 Angular 1 中，你總是需要$compile你的 DOM 片段才能生效。

Angular 2 的$compile等價物有點不同，但它可以幫助您沿着這些方向進行研究。 例如：

• 等效於 Angular 2 中的 $compile

• 如何使用/創建動態模板來使用 Angular 2.0 編譯動態組件？