angular.js - angularjs ng-bind-html如何插入整段HTML
問題描述
$scope.pages = [{ title: ’信息’, content: ’detailMessage’}, { title: ’集裝箱/車’, content: ’dddd’}, { title: ’貨物’, content: ’eee’}, { title: ’記錄’, content: ’fff’}];
.directive(’detailMessage’, function() {return { restrict: ’EC’, templateUrl: ’views/partials/message.html’, transclude: true, replace: true}; })
<p ng-bind-html='page.content'></p>
我在Content里面寫已經寫好的指令,然后輸出結果是只有一個標簽,里面沒有內容
問題解答
回答1:插入整段HTML使用的是ng-include而不是ng-bind或者ng-bind-template;我這里寫的有一個例子,你可以看看,demo。當然你也可以使用$templateCache服務來實現你想要的結果。
第一眼看錯了,原來是ng-bind-html,我還以為是ng-bind-template,使用ng-bind-html之前,要引入ngSanitize模塊,不然會報錯的,官方示例在這里ngBindHtml,你可以看看。
相關文章:
1. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?2. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題3. html5 - HTML代碼中的文字亂碼是怎么回事?4. 視頻文件不能播放,怎么辦?5. javascript - vue2如何獲取v-model變量名6. javascript - 求幫助 , ATOM不顯示界面!!!!7. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處8. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了9. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示10. javascript - ios返回不執行js怎么解決?
