角2的innerHTML输入结合(Angular 2 innerHTML input binding

2019-10-29 11:14发布

我试图在注入组件原始输入HTML

<input [(ngModel)]='person.firstName' />

我是以下DomSanitizer导向上: 在RC.1不能使用绑定的句法中添加一些样式

到目前为止,它注入HTML,但模型绑定符...

这是我的dummy.component.html:

  <div *ngFor="let comp of myinputs">
    <div [innerHTML]="comp | safeHtml"></div>

  </div>

和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);
        }
    }
}

输入[0] .Component是字符串HTML代码

它产生输入字段,但它不会绑定到模型。 有约束力的任何想法?

文章来源: Angular 2 innerHTML input binding