Html无法识别Angularjs吐出的标签

Question

角

    $scope.name = "<h1>John Doe</h1>"

HTML

    <div>{{name}}</div>

输出：

    <h1>John Doe</h1>

如何制作，以便Html识别我在页面上随地吐痰的标签。

Answer 1

试试这个

<h1 ng-bind-html-unsafe="name"></h1>

Answer 2

正确的方法是：

$scope.name = 'John Doe';

HTML：

<div><h1>{{name}}</h1></div>

我不知道为什么你真的不需要在你的变量中设置html标签。

根据评论编辑：

如果您需要在模板中使用html标记，请在SO上查看此答案：AngularJS : Insert HTML into view

我不打算复制答案，因为答案中解释得非常好。

Answer 3

试试这个

<div ng-if="name" ng-bind-html="name"></div>

Answer 4

<b>
$scope.renderHtml = function(html_code)
{
    return $sce.trustAsHtml(html_code);
};
HTML:

<p ng-bind-html="renderHtml(value.button)"></p></b>