AngularJS 未在插值中读取 html 标签

Question

我正在使用 AngularJS v1.7.9

在我的数据库中，我将人名值存储为<i>FirstName</i> Last Name当我使用插值作为{{person.name}}使用此值时，我将其视为<i>Alexandra</i> Golfi

为什么 AngularJS 无法读取 html 标签？ 有没有一种方法可以在将名字和姓氏存储在同一个数据库列中时仍然以斜体样式显示名字

谢谢

Answer 1

ng-bind-html 指令是一种将内容绑定到 HTML 元素的安全方式。

当您让 AngularJS 在您的应用程序中写入 HTML 时，您应该检查 HTML 中的危险代码。 通过在应用程序中包含“angular-sanitize.js”模块，您可以通过 ngSanitize function 运行 HTML 代码来实现。 句法：

<element ng-bind-html="expression"></element>

例子：

<span ng-bind-html="person.name"></span>

参考：

https://docs.angularjs.org/api/ng/directive/ngBindHtml