如何使用 ng-bind 属性将内部 html 绑定到 angular1 元素

【问题标题】：How to bind inner html to angular1 elements with ng-bind attribute如何使用 ng-bind 属性将内部 html 绑定到 angular1 元素
【发布时间】：2016-12-16 12:45:02
【问题描述】：

<div ng-bind="model">
  <div>inner html</div>
</div>

有人知道如何显示内部 div 吗？似乎 ng-bind 指令总是会重写 div 元素。

提前致谢。

【问题讨论】：

标签： angularjs ng-bind-html ng-bind

【解决方案1】：

ng-bind 将始终打印模型中的内容。您可以执行以下操作：

<div>
    <div ng-bind="model"></div>
    <div>inner html</div>
</div>

您可以执行以下操作：

//JS
app.controller("nameController", function($sce) {
   model = $sce.trustAsHtml("<div>inner html</div>");
});

//HTML
<div ng-bind-html="model"></div>

【讨论】：

非常感谢，它对我有用。但是总是在js代码中使用html会很难维护。
//JS app.controller("nameController", function($sce) { model = $sce.trustAsHtml("<div ng-bind='v'></div><div>inner html</div>"); }); //HTML <div ng-bind-html="model"></div>