Как установить внутренний 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>