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. css - transform: translateY(-50%)在360浏览器极速模式下使得文字变模糊了2. mysql优化 - mysql慢查询copying to tmp table3. nginx英文文档的WebSocket proxying部分没看太明白,麻烦推荐一点中文文章4. python - 关于matplotlib的x轴显示的问题5. android 文件File删除问题6. css - .clearfix:after中为什么设置display: table7. angular.js - 怎样在使用ng-repeat属性的标签里面监听单个事件,使其能够单个改变CSS。8. angular.js - js 点击事件onclick=“”,引号内的函数名字 可以为 变量吗9. 请教: 关于 python 反斜杠转义的疑问10. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安装失败???
