如何設置內部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>