如何通过AngularJS模板输出html?

Xee*_*een 28 html javascript templates view angularjs

<h1>{{ revision.title }}</h1>

<div ng-bind-html="revision.content"></div>
Run Code Online (Sandbox Code Playgroud)

标题输出正常,但内容 - 没有.它有一些html,我得到以下错误:Attempting to use an unsafe value in a safe context.这被描述如下:http://docs.angularjs.org/error/ $ sce:unsafe,那很好,但那我怎么能输出那里的内容将是一些HTML,因此我必须将其设置为{{ revision.content | safe }}或smthn.什么是正确的方法?

编辑:

AngularJS版本:1.2

Xee*_*een 110

所以修复是这样的:

包含angular-sanitize.min.js来自http://code.angularjs.org/并将其包含在您的模块中:

var app = angular.module('app', ['ngSanitize']);
Run Code Online (Sandbox Code Playgroud)

然后你可以自由使用 ng-bind-html

  • 差不多3年后的1.5.x也有效 (5认同)
  • 2年后的1.4.x,这个看似简单的修复仍然有效! (2认同)