如何设置内部HTML到angular1已NG-bind属性

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>