详解AngularJs中$sce与$sceDelegate上下文转义服务资源-CSDN文库

179 浏览量 2021-01-21 11:21:39 上传评论收藏 66KB PDF 举报

资源推荐

资源详情

资源评论

详解详解AngularJs中中$sce与与$sceDelegate上下文转义服务上下文转义服务

一、严格的上下文转义服务一、严格的上下文转义服务

严格的上下文转义(SCE)是一种需要在一定的语境中导致AngularJS绑定值被标记为安全使用语境的模式。由用户通过ng-bind-

html绑定任意HTML语句就是这方面的一个例子。我们称这些上下文转义为特权或者SCE。

二、二、$sce

$sce 服务是AngularJs提供的一种严格上下文转义服务。

下面代码是简化了的ngBindHtml实现（当然，这不是完整版ngBindHtml源码）：

var ngBindHtmlDirective = ['$sce', function($sce) {

return function(scope, element, attr) {

scope.$watch($sce.parseAsHtml(attr.ngBindHtml), function(value) {

element.html(value || '');

});

};

}];

支持哪些信任的上下文类型？支持哪些信任的上下文类型？

$sce.HTML 将HTML代码安全的绑定到应用程序中。

$sce.CSS 将CSS样式代码安全的绑定到应用程序中。

$sce.URL 将URL安全的绑定到应用程序中并保证其可用。比如（href，src）

$sce.RESOURCE_URL 将RESOURCE_URL安全的绑定到应用程序中并保证其可用。比如（ng-href，ng-src）

$sce.JS 将JAVASCRIPT代码安全的绑定到应用程序中。

如何使如何使$sce服务可用或者不可用？服务可用或者不可用？

angular.module(“myApp”,[]).config([“$sceProvider”,function($sceProvider){

$sceProvider.enabled(true/false);

}]);

使用：使用：$sce();

方法：方法：

isEnabled();

返回一个boolean，指示是否可启用SCE。

parseAs(type,expression);

将Angular表达式转换为一个函数。这类似$parse解析并且当表达式是常量时是相同的。否则，它将调

用$sce.getTrusted(type,result)将表达式包装。

type：在SCE的上下文的使用的结果的类型。

expression：被编译的字符串表达式。

trustAs(type,value);

代表$sceDelegate.trustAs。

type：上下文中能安全的被使用的值，如url，resourceUrl，html，js和css。

value：需要被认为是安全或者值的信赖的值。

trustAsHtml(value);

$sceDelegate.trustAs($sce.HTML,value)的快捷方式。

value：被信任的值。

trustAsUrl(value);

$sceDelegate.trustAs($sce.URL,value)的快捷方式。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38558659

粉丝: 6
资源: 917

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip