通过innerHtml与[（ngModel）]绑定输入元素

Question

我有一个类似于以下内容的ts文件

import { Component, OnInit } from '@angular/core';  

@Component({
  template: '<div [innerHtml]='htmlContent'></div>'
})

export class DesignComponent implements OnInit {

modelValue='abcd';

htmlContent='<input type="text" [(ngModel)]="modelValue" name="model"> ';

constructor(){}

}

在我的模板中，我使用如下的innerHtml方法插入html

<div [innerHtml]='htmlContent'></div>

因此，它将输出显示为输入框，但是ngModel值未呈现到输入框中。

我也尝试过使用sanitize，Still模型值未插入输入框中。

消毒有两种方法，

this.htmlContent= this.sanitizer.bypassSecurityTrustHtml(htmlContent);
this.htmlContent= this.sanitizer.sanitize(SecurityContext.HTML, htmlContent);

如何使用angular2 / 4/5实现此目标？

预先感谢