i'm trying to inject raw input html in component
<input [(ngModel)]='person.firstName' />
i was following DomSanitizer guide on :In RC.1 some styles can't be added using binding syntax
So far it injects html, but model binding breaks...
this is my dummy.component.html:
<div *ngFor="let comp of myinputs">
<div [innerHTML]="comp | safeHtml"></div>
</div>
and dummy.component.ts
export class DummyForm {
@Input() formName: string;
myinputs: string[];
Inputs: DummyRenderClass[];
person = {
firstName: "Tom",
lastName: "Hanks",
};
constructor() {
this.GenerateInputs();
}
GenerateInputs(): void {
for (var i = 0; i < this.Inputs.length; i++){
var component = this.Inputs[0].Component;
this.myinputs.push(component);
}
}
}
Inputs[0].Component is string with html code
It generates input field,but it wont bind to model. Any ideas on binding?