2017-12-19 1 views
0

私はdiv要素にhtmlをバインドしようとしていますが、実際にその方法を知っていません。私はangularjsで素晴らしいことはありませんが、ng-bind-htmlは、トリックを行う必要がありますか?HTMLを要素にバインドする方法 - AngularJS

これは私がそれを実行しようとしました方法です、角度2では

<div ng-bind-html="{{tile.Info.Title}}"></div> 
<div ng-bind-html="{{tile.Info.Content}}"></div> 

そのわずか[innerHTML]、それはここで動作するように任意の提案を得るカント?

+4

一般的なルール:それは 'NGを-'持っている場合、その後、あなたは中括弧を必要としない '{{...}}' –

+0

の可能性のある重複した[NG-バインドHTMLでAngularJSデータバインド?] (https://stackoverflow.com/questions/20796102/angularjs-data-bind-in-ng-bind-html) –

答えて

0

ng-を使用しているとき@Alekseyのコメントでも示唆されているように、中かっこ{}を使用する必要はありません。したがって、コードは次のようになります。

<div ng-bind-html="tile.Info.Title"></div> 
<div ng-bind-html="tile.Info.Content"></div> 
2

hereの例があります。

<div ng-controller="ExampleController"> 
<p ng-bind-html="myHTML"></p> 
</div> 
関連する問題