为了安全,用angular绑定变量到html中会自动escape。例如:
在js中:
$scope.content = '<b>这些文字应该加粗。</b>'
在html中:<p>{{content}}</p>
于是,在页面显示中会得到这样的结果:
<b>这些文字应该加粗。</b>
但在一些文章系统,如博客程序中,我们希望的是下面这种结果:
这些文字应该加粗。
要解决这个问题很简单,修改html文件,改为:
<p ng-bind-html-unsafe="content"></p>
就行了。