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

解决方法: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相关!)

<a safe title="{{downData[2].link}}" class="button button-positive">下载iPhone版
</a>

代码形状:

图片描述

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会过滤掉苹果店的链接了!

图片描述


hi,大家好2333

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

今天,我遇到了这个:

代码

浏览器代码

<a ng-href="itms-apps://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware" href="unsafe:itms-apps://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware">test
</a>

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

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

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

进阶浏览器代码

233

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

233

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


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

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

哦擦,终于出来了、、、
手机测试,正常!

233
我、、、wtm

最后祝你,身体健康


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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/392057.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android view gesturedetector,如何在Android中利用 GestureDetector进行手势检测

如何在Android中利用 GestureDetector进行手势检测发布时间&#xff1a;2020-11-26 16:15:21来源&#xff1a;亿速云阅读&#xff1a;92作者&#xff1a;Leah今天就跟大家聊聊有关如何在Android中利用 GestureDetector进行手势检测&#xff0c;可能很多人都不太了解&#xff0c…

Ubuntu2204配置samba

0.前情说明 samba服务器主要是用来局域网共享文件的&#xff0c;如果想公网共享可能行不通&#xff0c;我已经踩坑一天了 所以说如果你想满足公网samba共享你就可以不要看下去了 1.参考连接 Ubuntu 安装 Samba 服务器_ubuntu安装samba服务器-CSDN博客 2.安装samba服务 sud…

Java—BIO模型

利用 BIO 模型&#xff08;传统阻塞 IO 模型&#xff09;实现多用户访问 源代码 Server类 public class server {public static void main(String[] args) {ExecutorService executorService Executors.newFixedThreadPool(6);try {ServerSocket serverSocketnew ServerSocke…

c++学编程如何锻炼耐力_我如何学习编程:这是一项耐力运动

c学编程如何锻炼耐力by Amy M Haddad通过艾米M哈达德(Amy M Haddad) 我如何学习编程&#xff1a;这是一项耐力运动 (How I’m learning to program: it’s an endurance sport) 为什么我的编程学习轨迹反映了我作为跑步者的训练方式 (Why my learning trajectory for programm…

python处理文本数据

处理文本数据&#xff0c;主要是通过Seris的str访问。遇到NaN时不做任何处理&#xff0c;保留结果为NaN&#xff0c;遇到数字全部处理为NaN。 str是Seris的方法&#xff0c;DataFrame不能直接使用&#xff0c;但是通过索引选择DataFrame中的某一行或者某一列&#xff0c;结果为…

Java系列笔记(4) - JVM监控与调优【转】

Java系列笔记(4) - JVM监控与调优【转】 目录 参数设置收集器搭配启动内存分配监控工具和方法调优方法调优实例 光说不练假把式&#xff0c;学习Java GC机制的目的是为了实用&#xff0c;也就是为了在JVM出现问题时分析原因并解决之。通过学习&#xff0c;我觉得JVM监控与调…

Maven打包排除某个资源或者目录

最近在spark streaming本地调试的时候&#xff0c;引入了一些资源文件&#xff0c;打包的时候需要给排除掉。所以就考虑使用maven的方式 详细参考官方文档&#xff1a;https://maven.apache.org/plugins/maven-jar-plugin/examples/include-exclude.html 排除某个资源文件 <…

android发送网络请求没反应,Android无法使用HttpURLConnection发送GET请求

我正在尝试在我的应用程序中使用HttpURLConnection.我将我的请求方法设置为’GET’,但是当我尝试检索输出流时,该方法将更改为’POST’&#xff01;我不确定是什么原因,但是当我使用’POST’发送请求时,我的JSON服务器(我使用JAX-RS)会返回一个空白页面.这是我的代码片段&#…

地图 c-suite_C-Suite的模型

地图 c-suiteWe’ve all seen a great picture capture an audience of stakeholders.我们所有人都看到了吸引利益相关者听众的美好画面。 Let’s just all notice that the lady in the front right is not captivated by the image on the board (Photo by Christina wocin…

框架和库的区别_框架和库之间的区别

框架和库的区别Developers often use the terms “library” and “framework” interchangeably. But there is a difference.开发人员经常互换使用术语“库”和“框架”。 但是有区别。 Both frameworks and libraries are code written by someone else that is used to he…

Java—多线程实现生产者消费者模型

采用线程实现“生产者-消费者”编程的基础模型 源代码 消费者代码&#xff1a; public class Consumer implements Runnable {BlockingQueue<Integer> blockingQueue;int n;CountDownLatch countDownLatch;public Consumer(BlockingQueue<Integer> blockingQueue…

动态链接库.so和静态链接库.a的区别

静态链接库&#xff1a; •扩展名&#xff1a;.a  •编译行为&#xff1a;在编译的时候&#xff0c;将函数库直接整合到执行程序中&#xff08;所以利用静态库编译生成的文档会更大&#xff09; •独立执行的状态&#xff1a;编译成功的可执行文件可以独立运行&#xff0c;不…

华为鸿蒙系统封闭,谷歌正式“除名”华为!“亲儿子”荣耀表示:暂不考虑,鸿蒙OS处境尴尬...

我们都知道&#xff0c;目前智能手机最常用操作系统就是IOS和安卓&#xff0c;占据手机系统超过99%的市场份额。由于IOS系统的封闭性&#xff0c;国内手机厂商基本上都是使用谷歌的开源安卓系统。当然华为也不例外&#xff0c;一直使用的都是安卓系统。可以说&#xff0c;安卓系…

使用vue-cli脚手架搭建简单项目框架

1.首先已经安装了node,最好版本6以上。 2.安装淘宝镜像 大家都知道国内直接使用 npm 的官方镜像是非常慢的&#xff0c;这里推荐使用淘宝 NPM 镜像。这样就可以直接使用cnpm了。 npm install -g cnpm --registryhttps://registry.npm.taobao.org如果过程出差&#xff0c;是否安…

sap中泰国有预扣税设置吗_泰国餐厅密度细分:带有K-means聚类的python

sap中泰国有预扣税设置吗Hi! I am Tung, and this is my first stories for my weekend project. What inspired this project is that I have studied to become data scientist for almost two years now mostly from Youtube, coding sites and of course, Medium ,but my l…

自动化yaml文件_从YAML到TypeScript:开发人员对云自动化的看法

自动化yaml文件The rise of managed cloud services, cloud-native, and serverless applications brings both new possibilities and challenges. More and more practices from software development processes like version control, code review, continuous integration,…

SQL SERVER-Extendevent系统视图

--获得扩展事件的事件select name,description from sys.dm_xe_objects where object_typeevent order by name--获得各事件的字段 select c.name,c.description from sys.dm_xe_object_columns c inner join sys.dm_xe_objects o on o.namec.object_name where o.name…

Java—简单的注册页面

根据所提供的界面&#xff0c;编写 register.html 文件 源代码 empty.jsp <% page contentType"text/html;charsetUTF-8" language"java" %> <html> <head><title>error</title> </head> <body> <H1><…

【深度学习系列】用PaddlePaddle和Tensorflow实现经典CNN网络AlexNet

上周我们用PaddlePaddle和Tensorflow实现了图像分类&#xff0c;分别用自己手写的一个简单的CNN网络simple_cnn和LeNet-5的CNN网络识别cifar-10数据集。在上周的实验表现中&#xff0c;经过200次迭代后的LeNet-5的准确率为60%左右&#xff0c;这个结果差强人意&#xff0c;毕竟…

图片获取像素坐标html,HTML5画布Canvas图片抽取、像素信息获取、命中检测

今天主要介绍canvas中比较强大的功能比如将画布内容抽取为图片获取、修改画布的像素信息以及画布的命中检测首先我仍然需要创建画布图片抽取首先要明确的一点是toDataURL()是canvas对象自身的方法而不是环境对象的这个方法会将canvas的内容抽取为一张图片(base64编码)我们来看一…