javascript - Angularjs 将 View 中的字符串转换为 html

Question

我目前正在尝试在我的 View 中添加链接。我确实有基本上包含 html 标签作为字符串的链接。 我尝试过:

<p data-ng-repeat='i in links' >{$ i.link $}</p>

基本上只是在我看来部署:mylink

所以我确实尝试过:

<p data-ng-repeat='i in links' ><span data-ng-bind-html="i.link"></span></p>

但这不起作用，知道我怎样才能实现这一目标吗？

谢谢。

Answer 1

添加 $sce 作为模块的依赖项

angular.module('myApp', ['$sce']);

获取链接时

angular.forEach($scope.links, function(value){
    value.link = $sce.trustAsHtml(value.link);
});

使用安全上下文转义 (docs.angularjs.org/api/ng/service/$sce) 并使用 trustAs 委托(delegate)，您可以告诉 Angular 该值可以在该上下文中安全使用。在这个例子中。 $sce.trustAsHtml 返回一个 Angular 可以信任且安全的 HTML 对象。