什么是使用angularJS将json模板编码为html的方式？

Question

我是AngularJS的初学者，我尝试使用angularJS呈现html中的json，但是html标记未被编码。有没有办法做到这一点与angularJS方法？

我的HTML：

<p>{{template.title}}</p> 

我的JSON：

{ 
    "title":"try a <br> to break line" 
} 

我的JS：

$http.get(JSON).success(function (data) { 
     $scope.template = data; 
}); 

不幸的是，使显示的BR标签

Answer 1

角要绑定作为文本的文本由def奥尔特。

在角< 1.2.0，您需要将HTML不安全的绑定（这可能是危险的）：

<h1 ng-bind-html-unsafe="title"></h1> 

在角1.2.0，您需要将HTML绑定：

<h1 ng-bind-html="title"></h1> 

不要忘记包含ngSanitize以保证您的服务器安全。总体而言，我推荐使用Angular 1.2.0 rc2或更高版本，因为ngSanitize可以保证您的安全。