爲了安全,用angular綁定變量到html中會自動escape。例如:
在js中:
$scope.content = '<b>這些文字應該加粗。</b>'
在html中:<p>{{content}}</p>
於是,在頁面顯示中會得到這樣的結果:
<b>這些文字應該加粗。</b>
但在一些文章系統,如博客程序中,我們希望的是下面這種結果:
這些文字應該加粗。
要解決這個問題很簡單,修改html文件,改爲:
<p ng-bind-html-unsafe="content"></p>
就行了。