Html 无法识别 Angularjs 吐出的标签 [重复]答案

【问题标题】：Html isn't recognizing the tags that Angularjs spitting out [duplicate]Html 无法识别 Angularjs 吐出的标签 [重复]
【发布时间】：2016-09-03 15:27:17
【问题描述】：

角度

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

HTML

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

输出：

    <h1>John Doe</h1>

如何让 Html 识别我在页面上吐出的标签。

【问题讨论】：

你甚至费心写完整的代码吗？或者至少ng-app 代码？但是您希望我们找出问题所在？
抱歉，这是理所当然的。如果输出整个字符串，我的 ctrl 正在连接。
@VictorLe 检查我的答案

标签： javascript html angularjs

【解决方案1】：

正确的方法是：

$scope.name = 'John Doe';

HTML：

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

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

根据评论编辑：

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

我不会重复这个答案，因为这个答案已经很好地解释了。

【讨论】：

我是从数据库中获取的。所以数据包括html标签
好的，在这种情况下，请查看我的更新答案。
非常感谢它现在可以工作了。我以为我疯了，我无法弄清楚这一点.. lmfao。
呵呵，没问题。很高兴为您提供帮助！

【解决方案2】：

试试这个

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

【讨论】：

【解决方案3】：

试试这个

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

【讨论】：

用这个方法不会在屏幕上吐出任何东西

【解决方案4】：

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

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

【讨论】：