Làm thế nào để sửa đổi innerHTML bằng cách đánh giá một biểu thức góc

Question

Tôi cố gắng để làm một cái gì đó như thế này

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

item.innerHTML chứa html mà cần phải đi đến đó, nhưng vì nó là một phần của dom, nó là được thay thế bằng một chuỗi. Có cách nào để có nó thay thế innerHTML?

Cảm ơn!

Answer 1

Bạn cần phải sử dụng ngBindHtml:

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

trong bộ điều khiển:

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

html:

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

bạn sẽ cần các module sau:

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

Hãy chắc chắn để tuyên bố ngSanitize như một dependancy module, ví dụ:

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