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

Question

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

有谁知道如何显示内div？似乎 ng-bind 指令将始终重写 div 元素。

提前致谢。

Answer 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>

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

How to bind inner html to angular1 elements with ng-bind attribute

angularjs

ng-bind-html

ng-bind