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.pswp.cn/news/392057.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/392057.shtml
英文地址,請注明出處:http://en.pswp.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編碼)我們來看一…