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

Question

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

有谁知道如何显示内部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>