angularjs字符串变量HTML元素

Question

AngularJS代码：

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

HTML代码：

{{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字符串。 也许你必须像这里“信任”你的html字符串：http://erikaugust.com/thoughts/ng-bind-html/