ng-bind-html改变了我的DOM结构

Question

我的视图模板中包含以下代码：

<div ng-bind-html="smthg" ></div>

我的控制器定义：

$scope.smthg= '<a href="#create"><div class="ui ...">Importer</div></a>';

但我的浏览器得到了：

<div ng-bind-html="smthg">
    <a href="#create"></a>
    <div class="ui ...">Importer</div>
</div>

我做错了什么？

Answer 1

在1.2.x AngularJS中，我认为你必须使用$ sce.trustAsHtml（$ scope.smthg）来处理它。
查看$ sce

的文档