sce怎么显示web服务器,angular 中的 $sce 服务

AngularJS里好些地方,比如路径默认是个字符串,不会认为是路径,从而访问不到我们需要的东西,那么我们就可以通过$sce告诉angualrJS这个路径,这样是很安全滴。

$sce 的使用有如下方法

$sce.trustAs(type,name);  //

$sce.trustAsUrl(value);

$sce.trustAsHtml(value);

$sce.trustAsResourceUrl(value);

$sce.trustAsJs(value);

第一种方式:

有$sce处理:  

您的浏览器不支持html5

无$sce处理:您的浏览器不支持html5

您的浏览器不支持html5

第二种方式:

您的浏览器不支持html5

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope,$sce){

//第一种方式数据源

$scope.formData={

"name":"视频",

"mediaUrl":"http://res.audiogroup.cn/res/upload/agx_ims_creative/audio/20160307/bpryk96.mp3"//视频路径

};

$scope.sceControl = $sce.trustAsResourceUrl;//第一种处理方式

//第二种方式数据源

$scope.data={

"name":"视频",

"url":"http://res.audiogroup.cn/res/upload/agx_ims_creative/audio/20160307/bpryk96.mp3"//视频路径

};

$scope.data.url = $sce.trustAsResourceUrl($scope.data.url);//第二种处理方式

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值