AngularJS不读取插值中的html标签

时间:2020-08-17 12:06:28

标签: javascript html css angularjs

我正在使用AngularJS v1.7.9

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

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

谢谢

1 个答案:

答案 0 :(得分:1)

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

让AngularJS在应用程序中编写HTML时,应检查HTML中是否存在危险代码。通过在应用程序中包含“ angular-sanitize.js”模块,您可以通过ngSanitize函数运行HTML代码来实现此目的。 语法:

SELECT 
DISTINCT user,
'View Files'
FROM tbl;

示例:

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

参考:

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

https://www.w3schools.com/angular/ng_ng-bind-html.asp