javascript - Angular.js动态加载html无法解析

Question

app.js:

<code>$http.get(article.html).success(function(data) {
    $scope.content = data;
});
</code>

index.html:

<code><article>
    {{content}}
</article>
</code>

article.html:

<code><h1>Hello World</h1>
</code>

此时在浏览器中显示出的是<h1>Hello World</h1>而不是我希望的Hello World。

请问是为什么，如何解决？

Answer 1

使用指令 ng-bind-html http://www.ngnice.com/docs/api/ng/directive/ngBindHtml

Answer 2

$sce.trustAsHtml以前用这个也行