绑定一个html元素的角度来自一个字符串生成的html

时间:2017-10-27 11:29:10

标签: html json angular

我收到了一个JSON文件,其中有一个名为html的属性,该属性如下所示:

[
    {
        "id":"1",
        "question": "Who is reporting the claim?",
        "html": "<input type='text' [value]='text'>"
    }
]

我得到了JSON,在组件中我有一个名为html的变量,如下所示:

export class AppComponent implements OnInit {

  html: string;
  text: string;
}

ngInit函数上,我获取了JSON并将html变量设置为文件中的HTML。

ngOnInit() {
    this._appService.getQuestions().subscribe(response => {
      this.html = response[0].html;
    });  
  }

然后这样绑定到视图:

<div class="row" [innerHTML]='html | safeHtml'></div>

现在我的问题是通过JSON文件生成的输入,如何将其值绑定到文本?由于目前的实施不起作用。

0 个答案:

没有答案