项目总结-技术点:将接口获取html代码段,初始到页面

**要实现什么:**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

你可能感兴趣的:(angular,angular,sce)