Come modificare innerHTML valutando un'espressione angolare

Question

che sto cercando di fare qualcosa di simile

<div id="{{item.id}}" ng-repeat="item in itemList"> 
    {{item.innerHTML}} 
</div> 

item.innerHTML contiene il codice html che ha bisogno di andare lì, ma dato che è parte del Dom, è sostituito come una stringa. C'è un modo per averlo semplicemente sostituire l'innerHTML?

Grazie!

Answer 1

è necessario utilizzare ngBindHtml:

http://plnkr.co/edit/n1rLzgEZQoa2tJf0qnVZ?p=preview

nel controller:

$scope.content = "<b>this is bold content</b>"; 

html:

<div ng-bind-html="content"></div> 

è necessario il seguente modulo:

http://code.angularjs.org/1.0.3/angular-sanitize.js

Assicurarsi di dichiarare ngSanitize come una dipendenza del modulo, per esempio:

var app = angular.module('angularjs-starter', ["ngSanitize"]);