Angular2 中的 setAttribute 用於雙向數據綁定

Question

我正在使用 JavaScript API 從 JSON Schema 創建 html 元素。 當我傳遞 json 模式時，它返回小部件 html 元素對象。

Widget 是 HTML DOM 對象，其中包含 tagName、id。 因此，對於兩個數據綁定，我將[(ngModel)] 包含到 dom 對象中，為此我正在使用 -

widget.setAttribute("[(ngModel)]", "model");

但它給了我錯誤-

[(ngModel)]' 不是有效的屬性名稱

在@NgModule 中，我已經包含了 BrowserModule 和 FormsModule

Answer 1

Angular 綁定和組件/指令實例化只發生在靜態添加到組件模板的標記中。 []或()永遠不會被 Angular2 添加到 DOM 並且 Angular2 不關心這些是通過其他方式添加到 DOM 的。 在將 HTML 添加到 DOM 之前，Angular 會處理綁定

有一種方法可以使用ViewContainerRef.createComponent()動態地向 DOM 添加/刪除組件，但僅此而已。 （示例參見Angular 2 dynamic tabs with user-click selected components ）