Giải mã HTML trong biểu thức Góc

Question

Cách tốt nhất để giải mã HTML được chứa trong các chuỗi được chuyển đến biểu thức Góc là gì?

Ví dụ:

Nếu tôi có một chuỗi trở về từ máy chủ như thế này:

var some_val = "Hello <strong>World</strong>!" 

Làm thế nào tôi có thể có nó render HTML chứ không phải hiển thị nó dưới dạng văn bản?

<!-- Renders to Hello <strong>World</strong>! --> 
<span>{{ some_val }}</span> 

Cập nhật: Đây là trường hợp thực tế sử dụng trong một repeater:

trình (unsanitized)

<div ng-repeat="category in some_list"> 
    <p>{{ category.name }}</p> 
    <p ng-repeat="bullet in category.bullets">{{ bullet.desc }}</p> 
</div> 

Không làm việc ở tất cả

<div ng-repeat="category in some_list"> 
    <p ng-bind-html="category.name"></p> 
    <p ng-repeat="bullet in category.bullets" ng-bind-html="bullet.desc"></p> 
</div> 

Answer 1

Như đã trình bày here, in the docs:

<span ng-bind-html="some_val"></span> 

Ghi some_val đó phải là một mô hình góc (về cơ bản, một $scope.some_val phải tồn tại ở đâu đó trong ứng dụng của bạn)

EDIT:

Tôi nên làm rõ: ng -bind-html là một dịch vụ trong mô-đun ngSanitize, không được bao gồm trong lõi angularJS. ng-bind-html-unsafe là một phần của mô-đun ng lõi, nhưng nó bao gồm chuỗi bạn cung cấp mà không cần vệ sinh nó (xem ví dụ trong the ngBindHtmlUnsafe docs).

Nếu bạn muốn/nhu cầu sử dụng ngBindHtml, bạn cần bao gồm ngSanitize - available here