项目总结-技术点:将接口获取html代码段,初始到页面
来源:互联网 发布:网络代销哪家好 编辑:程序博客网 时间:2024/05/17 03:44
**要实现什么:**angular、require搭建的网站中,将接口获取的html代码段初始到页面;
**用到的技术点:**angularJs的$sce服务与ng-bind-html指令
js文件中:
$scope.qetMsgDetail = function(){ layer.load(2,{shade: [0.1, '#000']}); $http.post(url,postData).success(function(data){ layer.closeAll(); if(data.retCode=='00000'){ if(data.data){ $scope.msgDetail= $sce.trustAsHtml(data.data.body); //接口获取的body字段对应的是一堆字符串格式的html代码段 } }else{ layer.alert(data.retInfo||'获取数据失败',{title:false,closeBtn : false}); } }).error(function(error) { layer.closeAll(); layer.alert('获取数据异常',{title:false,closeBtn : false}); });}
html文件中:
<div ng-bind-html="msgDetail"></div>
这样就可以把接口取得的的html片段,作为页面正常的html代码初始元素和样式了。
另外一篇老司机写的探讨$sce服务与ng-bind-html指令的文章:https://segmentfault.com/a/1190000000639561
阅读全文
0 0
- 项目总结-技术点:将接口获取html代码段,初始到页面
- HTML 页面技术总结
- 将数据写到代码段
- html页面获取项目路径
- dcef3获取页面html代码
- 设置项目初始页面
- $sce服务----- 将请求到的html代码 引入到项目中
- 将Html页面覆盖到flash上面
- 将Html页面覆盖到flash上面
- 将SVG 图引入到HTML页面
- 将html拷贝到项目中修改为jsp后页面出现乱码
- 一段html代码将百度搜索栏包含到你的页面来
- 这段时间遇到的技术点总结
- 项目初始点(一)
- jsp多页面使用同一段html jsp代码方法 多页面包含同一段html代码
- 项目中用到小技术点
- 自动编码获取页面html代码
- Html页面传参获取代码
- leetcodeProblem8 String to Integer解题报告
- lambda 分类抽取N条
- PHP OB-缓冲区
- eclipse debug断点进不去的问题
- 鸢尾花分类预测数据分析
- 项目总结-技术点:将接口获取html代码段,初始到页面
- python sklearn.metrics roc_curve
- 鑫飞推出新一代微信照片打印广告机
- 构建SpringBoot工程 -入门篇(搭建springboot工程)
- 【IOS笔记】UITableView使用例程
- 无法直接从VM中删除vCPU, 但您可以通过关闭VM后再删除vCPU;
- 优雅的设置font-family
- IAR中 _Bool类型溯源
- spring boot 集成 activeMQ 传输序列化对象