angular中的href="unsafe:我該怎么擺脫你的溺愛！！

BingqiChen 發布于2019-08-02 15:59 / 360人閱讀

摘要：解決方法加入下面這行依據注有些版本的為兩種都試一下可以即可代碼視覺效果值得請注意的是，圖中紅框內的含義是排除對以開頭的鏈接的安全封鎖實際上你想排除什么鏈接就可以在這里添加什么問題解決完畢但是下面為什么還有這么長呢這是因為，在項目緊急的那

解決方法：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 你的連接不是私密連接怎么解決

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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