使用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

Angular希望默认将文本绑定为文本。

在Angular＆lt; 1.2.0中你需要绑定html不安全（这可能很危险）：

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

在Angular 1.2.0中，您需要绑定html：

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

不要忘记包含ngSanitize以确保您的服务器安全。

总的来说，我建议使用Angular 1.2.0 rc2或更高版本，因为ngSanitize会让您安全。