2016-12-16 13 views
1

はどのようにNG-bind属性

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

を持ってangular1要素に内部HTMLを設定する誰もが、内側のdivを表示する方法を知っていますか? ng-bindディレクティブは常にdiv要素を書き換えます。

ありがとうございます。

答えて

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> 
+0

おかげで非常に多く、それは私の作品を 次のことを行うことができます。しかし、常にjsコードでhtmlを使用すると、保守が難しくなります。 –

+0

'// JS app.controller(" nameController "、function($ sce){ モデル= $ sce.trustAsHtml("

inner html
"); }); // HTML
' –

関連する問題