解決:angular.js中插值表示式為HTML時需要被渲染的問題
我最近在用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']);
最終呈現的結果:
相關文章
- 2.Vue插值表示式Vue
- mapboxgl 中插值表示式的應用場景
- react 也就這麼回事 02 —— JSX 插值表示式、條件渲染以及列表渲染ReactJS
- vue.js插值與表示式Vue.js
- vue渲染時閃爍{{}}的問題及解決方法Vue
- 解決html中input的placeholder的顏色,點選時消失,input點選時樣式的問題HTML
- Java登陸第三十七天——VUE3插值表示式、文字渲染、屬性渲染、事件繫結JavaVue事件
- 使用正規表示式優雅的解決 SpringMVC 時間轉換問題SpringMVC
- 解決 csrf_field () 渲染後_token 的 value 為空的問題
- thymeleaf手動渲染@{}的問題與解決
- SceneKit-解決模型重疊時渲染畫面閃爍的問題模型
- 正值表示式匹配html標籤的屬性值HTML
- 不要被假象迷惑 重啟是解決問題的一個有效方法
- 完美解決html中select的option不能隱藏的問題。HTML
- 【原創】autotrace中statistics為0的問題的解決
- 暫時解決的中文問題
- 解決vue的component標籤渲染問題的方法Vue
- Java介面返回JSON排序無需的問題解決JavaJSON排序
- HTML中兩個tabs導航衝突問題的解決方法HTML
- 中綴表示式轉為逆波蘭表示式
- 解決Redmine建立&更新問題時很慢的問題
- Oledb操作Excel時欄位最大值255的問題解決方案Excel
- 正規表示式匹配html中的圖片HTML
- IDEA解決JSP頁面無法使用EL表示式問題IdeaJS
- 解決吞吐效能問題時的思路
- Golang解決XORM的時區問題GolangORM
- ORA-01795: 列表中的最大表示式數為 1000解決方法
- ORA-01795:列表中的最大表示式數為1000解決方法
- quartz.net 時間表示式----- Cron表示式詳解quartz
- vue中渲染值的方法Vue
- 解決MongoDB儲存時間時差的問題MongoDB
- html:text初始值問題.急!!HTML
- 元件複用傳值(待解決問題)元件
- websphere 應用超時問題的解決Web
- 解決 go get 超時問題Go
- notepad++正規表示式 往中間插資料
- JS中使用EL表示式的問題JS
- CKEditor使用中遇到的問題解決