Angular.JS将模板应用于标签

Question

我有AngularJS网络应用程序和<p>。我想将模板应用于<p>，innerHTML。我的模板在服务器中的文件中。模板是简单的文字，包含<b>，<ol>等文章标签等标签。

例如我的模板：

Lorem <b>ipsum</b> dolor <i>sit</i> amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

我从服务器通过ajax加载此内容，并尝试将此模板应用于<p>内部html：

<p>{{template}}<p>

在我的控制器中：

// load here template
...
// apply template
$scope.template = template;

但我看到带有标签的文字，我看到了：

Lorem <b>ipsum</b> dolor <i>sit</i> amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

带有所有标签的浏览器中的

。我希望看到没有标签的格式文本。我该怎么做？

谢谢。

Answer 1

您可以使用http://docs.angularjs.org/api/ngSanitize.directive:ngBindHtml或http://docs.angularjs.org/api/ng.directive:ngBindHtmlUnsafe

<p ng-bind-html="template"></p>