angularjs字符串变量为html元素

Question

AngularJS代码：

$scope.checking="<div style="color:red;">check</div>";

HTML code：

{{checking}}

浏览器中的HTML页面结果：

<div>check</div>

现在我想要的是$scope.checking变量在HTML中被解析，好像它是我定义的标签。

因此html页面中的结果应为：

check

以上应为红色

有什么办法吗？希望它简单...... AngularJS专家请帮忙！

我得到了输出，但字符串不是红色的！样式标签被忽略了！我该怎么做？我使用插值吗？

Answer 1

使用ng-bind-html！ 以下是ng-bind-html的文档页面。这对你有帮助。

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

ng-bind-html将在浏览器中呈现您的html字符串。 也许你必须＆＃34;信任＆＃34;你的html字符串就像这里：http://erikaugust.com/thoughts/ng-bind-html/