angularjs 解决url跨域问题

最新推荐文章于 2024-03-25 14:35:33 发布

friend_ship

最新推荐文章于 2024-03-25 14:35:33 发布

阅读量704

点赞数

分类专栏： Angular AngularJS 文章标签： angularjs 跨域问题 angularjs url跨域 angularjs 跨域过滤器 angularjs 跨域方法

本文链接：https://blog.csdn.net/friend_ship/article/details/100554212

版权

Angular 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

AngularJS

13 篇文章 0 订阅

订阅专栏

当在一个产品中引入另一个页面时，一般会出现url跨域问题。解决方式代码如下：


<body ng-app="app">
    <div>
        <iframe ng-src="{{ val | trustAsResourceUrl}}" frameborder="0" width="100%" height="600px"></iframe>
    </div>
</body>

// 控制器中使用过滤器的方式
在过滤器方法中() {
    $sce.trustAsResourceUrl('要过滤的url')
}

// 过滤器逻辑处理
define(['angular'],function(ng) {
    var module= ng.module('app.filters','')

    module.filter(
        'trustAsResourceUrl',
        [
            '$sce',
            function($sce) {
                return function(val) {
                    return $sce.trustAsResourceUrl(val);
                }
            }
        ]
    ])
})