Angular 2 innerHTML input binding

问题

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?

来源：https://stackoverflow.com/questions/45842153/angular-2-innerhtml-input-binding