如何将变量从ts文件传递到html文件？这全部在Angular中，并且涉及一种输入类型

Question

我遇到的问题是html页面显示的是div实际标签，而不是div标签中带有样式（红色）的指定单词。

  

HTML file: <div>{{card.info}}</div>

     ts file: return [
>                   { title: 'Latest Articles', cols: 2, rows: 1, info: '< input type="text" value="not working" /> '},
>                   { title: 'Stats', cols: 2, rows: 1, info: 'ggg' }];

Answer 1

  

我遇到的问题是html页面显示的是div实际标签，而不是div标签中带有样式（红色）的指定单词。

如果要将值呈现为html，则必须使用[innerHTML]。

<div [innerHTML]="card.info"></div>

参考：https://angular.io/guide/template-syntax#property-binding-or-interpolation