setAttribute in Angular2 for two way data binding

Question

I am using JavaScript API to create html elements from JSON Schema. When I passed the json schema, it's returns widget html element object.

Widget is HTML DOM object which contains tagName, id. So for two data binding I have include [(ngModel)] into dom object, for this I am using-

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

But It's giving me error-

[(ngModel)]' is not a valid attribute name

Inside @NgModule, I have already included BrowserModule and FormsModule

• Günter Zöchbauer: Please post some code. To me it's entirely unclear what "I want to apply [(ngModel)] for two way data binding using setAttribute() function" could mean. You probably need to add BrowserModule, (or CommonModule) and FormsModule to imports of your current module.
• deen: @GünterZöchbauer thnx for reply, I have update question

Answer 1

Angular bindings and component/directive instantiation is only happening for markup added statically to a components template. [] or () are never added to the DOM by Angular2 and Angular2 doesn't care about these being added to the DOM by other means. Bindings are processed by Angular before it adds HTML to the DOM

There is a way to add/remove components dynamically to the DOM using ViewContainerRef.createComponent() but that's it. (for an example see Angular 2 dynamic tabs with user-click chosen components)

• deen: So whatever javascript API I am using which returns the DOM objects, it won't work for binding?
• Günter Zöchbauer: Exactly. You can't add/remove binding dynamically. A workaround could be to create components at runtime and add such a component. Components created at runtime can introduce new bindings. See for example stackoverflow.com/questions/40060498/…
• deen: One more question, Can I get the DOM object reference from code example which you have shared?
• Günter Zöchbauer: Sorry, I don't understand what "DOM object reference" you mean.
• deen: example which you have shared, Inside that there is variable called html, I guise which takes the html string element, right?. Now I want the DOM object of this html string