角[innerHTML的]不能正常工作

Question

我正在尝试将html内容绑定到Angular 6应用程序中的div，但是它不起作用。

这里是内容：

let content = 'Hello <a routerLink="['/Soja']">Nick Soja</a> How are you ?'

这是html部分：

<div class="content" [innerHTML]="content"></div>

现在仅绑定Hello。我看不到其余的html内容。预期结果是：

'你好Nick Soja你怎么样？'

怎么了？

Answer 1

您不能在innerHTML输入值中使用angular指令，因为它需要有效的HTML。这样就可以从代码中剥离HTML。

由innerHTML指令转换为HTML的HTML字符串不会被编译。因此，这也意味着您不能在HTML字符串中使用诸如数据绑定之类的东西。

Answer 2

尝试删除routerLink指令。我相信这是行不通的，因为[innerHTML]无法编译角度指令和组件，只能编译静态HTML。

Answer 3

只使用：勾号（``）而不是单引号''

content = Hello <a routerLink="['/Soja']">Nick Soja</a> How are you ?;

或尝试以下操作： 在.ts文件中定义链接

link = '/Soja'

并将其绑定到模板文件中的路由器链接

<div class="content" > Hello <a routerLink="link">Nick Soja</a> How are you ? </div>