html - 在 Angular 中显示包含 HTML 标记的字符串

Question

我在 SO 中检查了答案，但找不到令人满意的答案。所以在这里我要问:

我有一个字符串如下

var string = "With this you have agreed with the <a href='#'>rules and condition</a>"

我需要将其呈现为字符串(对于文本部分)和 HTML(对于 HTML 部分)。

如何在 AngularJs 中实现这一点？我尝试使用 $compile 但它对我不起作用，它在页面上输出看似缩小的代码块。

Answer 1

你可以使用 ng-bind-html 来做到这一点，

angular.module('myapp', ['ngSanitize'])
.controller('foo', function($scope) {
    $scope.bar = "With this you have agreed with the <a href='#'>rules and condition</a>";
});

<div ng-controller="foo">    
    <div ng-bind-html="bar"></div>    
</div>

DEMO