Angular.js數據綁定時自動轉義html標簽及內容的示例分析
這篇文章主要介紹Angular.js數據綁定時自動轉義html標簽及內容的示例分析,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創新互聯建站服務項目包括雞西梨樹網站建設、雞西梨樹網站制作、雞西梨樹網頁制作以及雞西梨樹網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,雞西梨樹網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到雞西梨樹省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
angularJS在進行數據綁定時默認是以字符串的形式數據,也就是對你數據中的html標簽不進行轉義照單全收,這樣提高了安全性,防止html標簽的注入攻擊,但有時候需要,特別是從數據庫讀取帶格式的文本時,無法正常的顯示在頁面中。
而要對html進行轉義,則需要在數據綁定的html標簽中使用ng-bind-html屬性,該屬性依賴與$sanitize,也就是需要引入angular-sanitize.js文件,并在module定義時注入該服務ngSanitize。比如:
html:
javascript:
function myCtr($scope){ $scope.htmlStr = ''; };
這樣可以實現html轉義,但是有個問題是style這種標簽會被angularJS認為是不安全的所以統統自動過濾掉,而為了保留這些就需要開啟非安全模式。
如何讓自動加載的數據轉義html標簽呢?實際上還有一種綁定方式:
html:
{{article.title}}