angular中的href="unsafe:我该怎么摆脱你的溺爱！！

BingqiChen 发布于2019-08-02 15:59 / 339人阅读

摘要：解决方法加入下面这行依据注有些版本的为两种都试一下可以即可代码视觉效果值得请注意的是，图中红框内的含义是排除对以开头的链接的安全封锁实际上你想排除什么链接就可以在这里添加什么问题解决完毕但是下面为什么还有这么长呢这是因为，在项目紧急的那

解决方法：angular.module加入下面这行：（依据Angular changes urls to “unsafe:” in extension page）

.config(function($compileProvider){
    //注:有些版本的angularjs为$compileProvider.urlSanitizationWhitelist(/^s*(https?|ftp|mailto|file|javascript):/);,两种都试一下可以即可
    $compileProvider.aHrefSanitizationWhitelist(/^s*(https?|itms-apps|ftp|mailto|file|javascript):/);
})

代码视觉效果：

值得请注意的是，图中红框内的含义是：

//“排除angular对以itms-apps://开头的appstore链接的安全封锁”

实际上、、、你想排除什么链接就可以在这里添加什么、、、、、
问题解决完毕、、、、

但是下面为什么还有这么长呢？
这是因为，在项目紧急的那段时间，我对于完全陌生的代码是没有解读能力的，只会复制黏贴
我想这大多与我的阅读障碍有关、、、、
但是危急时刻往往能够激发许多奇怪的行为、、、如果你对玄学并不感兴趣，就可以关了

请让我们看看在危急关头我想到了怎样的玄学解法、、、、、、

解决方法：不要使用angular提供的ng-href亲情链接绑定，用directive手工填写href！

1、html内容：先把链接绑定到title上备用（请注意这里的a标签中safe属性，涉及directive相关！）


    下载iPhone版

代码形状：

2、directive内容：通过点击事件的驱动，将title手工填入href中

.directive("safe", [function () {
    return {
        link: function (scope, element, attributes) {
            element.bind("click", function () {
                console.log(element[0].title);
                console.log(element[0].href=element[0].title);
            });
        }
    }
}])

代码视觉效果：

3、完毕！你有可能再也不用担心angular会过滤掉苹果店的链接了！

2333

请看一看我第一次编辑这篇时候的心态、、、、、自以为用高明的办法解决了天大的问题、、、

今天，我遇到了这个：


    test

看看这个dalao们，我的天这个unsafe到底是个什么啊

当然，只要你愿意搜的话，答案是有的：Angular changes urls to “unsafe:” in extension page

然后，我就照做了
效果如下

看看这些同志们，为什么一般链接白名单了，苹果店的链接还是拓麻unsafe啊
经过一小段玄学的思考，我认为这是改变不了的事实

那到底该怎么办呢？？？？？？？？总不能跟领导这样解释吧？？？？？

后来，我逐渐明白了、、、
angular貌似有着无论如何也无法不屏蔽苹果的链接

......很多描述.....

哦擦，终于出来了、、、
手机测试，正常！

我、、、wtm

最后祝你，身体健康

我是个蠢人，不能像数学冠军那样立刻分析出来最优的解法、、
但是我想我能代表的人也绝对不在少数
有时并不是你想要解决并付出努力，就能够得到好的结果
人生路上，什么时候该知难而退，什么时候该奋力一肛
只怕是穷尽一生也无法得到答案

GPU云服务器云服务器我该怎么服务器搬迁腾讯云我该怎么办 Unsafe 你的连接不是私密连接怎么解决

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54461.html

angular中的href=&quot;unsafe:我该怎么摆脱你的溺爱！！

摘要：解决方法加入下面这行依据注有些版本的为两种都试一下可以即可代码视觉效果值得请注意的是，图中红框内的含义是排除对以开头的链接的安全封锁实际上你想排除什么链接就可以在这里添加什么问题解决完毕但是下面为什么还有这么长呢这是因为，在项目紧急的那解决方法：angular.module加入下面这行：（依据Angular changes urls to unsafe: in extension p...

PrototypeZ 2019-08-21 17:54 评论0 收藏0
Vue编译器源码分析compileToFunctions作用详解

　　这篇文章主要讲述compileToFunctions的作用。　　我们现在就compileToFunctions 的真弄明白为什么要弄的这么复杂？现在我们看看下面完整代码。　　compileToFunctions是如何把模板字符串template编译成渲染函数render的。　　Vue.prototype.$mount函数体　　回归到Vue.prototype.$mount函数体内。　　varr...

3403771864 2022-09-19 23:17 评论0 收藏0
【译】当不使用JavaScript框架时

摘要：在其他方面，我们只需要考虑针对特定任务时所使用框架的成本。当我们必须使用或不应该使用框架时我强烈主张要了解编写某个工具的目的。非常有价值的建议：哪些框架是合理的，哪些并不合理。作者：Tod Hansmann 来源：https://opensource.com/articl...翻译：疯狂的技术宅说明：本专栏文章首发于公众号：jingchengyideng 。 showImg(htt...

blair 2019-08-20 18:26 评论0 收藏0
Angular 2 快速上手

摘要：为了简单起见，在本文中将会使用。已经实例化了并且将它的模板载入到了元素中。中的依赖注入发生在该类的构造函数中，因此我们将在构造函数中注入。国内 Angular2 资料比较少，这里看到一篇不错的入门文章就分享过来了 —— Angular 2 快速上手，这里面还有很多有关于 Angular2 的文章，感兴趣的朋友可以去看一看目前angular2已经来到了beta版，这意味着它已经做好了...

singerye 2019-08-19 17:38 评论0 收藏0