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. angular.js - 请教angularjs里html和js通信的问题2. angular.js - ui-router 有没有手动重新加载路由配置的方法?3. angular.js - angularJs使用iframe,网页内容自适应的问题4. angular.js - ionic命令行执行代码超级卡,要等很久才会有反应5. angular.js - 创建项目问题的6. mysql - 优惠券表应该怎么建,求帮助7. angular.js - angularjs移动端项目需要引入外部的PC网页,iframe宽高设定100%,显示的内容依然是PC那种效果,不是缩放成适配屏8. node.js - 怎么在初始化的时候使得一个子组件不加载?9. angular.js - angularjs 怎么封装 upload 上传10. angular.js - wepapp在网页上可以滑动但是适配在手机上不可以,为什么?求解