AngularJS $sce-清理并渲染模板中的内容和资源
示例
$sce(“严格上下文转义”)是一种内置的角度服务,可自动清除模板中的内容和内部源。
将外部源和原始HTML 注入模板需要手动包装$sce。
在此示例中,我们将创建一个简单的$sce卫生过滤器:`。
演示版
.filter('sanitizer', ['$sce', [function($sce) {
return function(content) {
return $sce.trustAsResourceUrl(content);
};
}]);模板中的用法
<div ng-repeat="item in items">
//消毒外部来源
<ifrmae ng-src="{{item.youtube_url | sanitizer}}">
//清理并渲染HTML
<div ng-bind-html="{{item.raw_html_content| sanitizer}}"></div>
</div>
热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西