javascript - 使用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 <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 可以保证您的安全。