解決:angular.js中插值表示式為HTML時需要被渲染的問題

阿超就是我發表於2017-04-13
我最近在用angular.js重構我上學期的大程。其中一個angular插值表示式為HTML,初始表示式是這樣的:
<p>{{content}}</p>
但是其中的HTML沒有被渲染,這導致呈現的效果是這樣的:

這裡寫圖片描述

我們可以看到,作為文章主體的HTML沒有被渲染。這是因為angular插值表示式預設會表示式內容進行轉義。這麼做是為了:防止html注入攻擊。 
為了解決這個問題,需要用到新的指令:
<p ng-bind-html="content"></p>
當然我們需要匯入angular.js中其中一個檔案
<script type="text/javascript"  src="../lib/angularjs/angular-sanitize.min.js"></script>

另外需要增加新的依賴模組:ngSanitize

var myApp=angular.module('myApp',['ngSanitize']);
最終呈現的結果:

這裡寫圖片描述

相關文章