项目总结-技术点:将接口获取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

原创粉丝点击