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

PrototypeZ 發(fā)布于2019-08-21 17:54 / 3446人閱讀

摘要：解決方法加入下面這行依據(jù)注有些版本的為兩種都試一下可以即可代碼視覺(jué)效果值得請(qǐng)注意的是，圖中紅框內(nèi)的含義是排除對(duì)以開(kāi)頭的鏈接的安全封鎖實(shí)際上你想排除什么鏈接就可以在這里添加什么問(wèn)題解決完畢但是下面為什么還有這么長(zhǎng)呢這是因?yàn)椋陧?xiàng)目緊急的那

解決方法：angular.module加入下面這行：（依據(jù)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):/);
})

代碼視覺(jué)效果：

值得請(qǐng)注意的是，圖中紅框內(nèi)的含義是：

//“排除angular對(duì)以itms-apps://開(kāi)頭的appstore鏈接的安全封鎖”

實(shí)際上、、、你想排除什么鏈接就可以在這里添加什么、、、、、
問(wèn)題解決完畢、、、、

但是下面為什么還有這么長(zhǎng)呢？
這是因?yàn)椋陧?xiàng)目緊急的那段時(shí)間，我對(duì)于完全陌生的代碼是沒(méi)有解讀能力的，只會(huì)復(fù)制黏貼
我想這大多與我的閱讀障礙有關(guān)、、、、
但是危急時(shí)刻往往能夠激發(fā)許多奇怪的行為、、、如果你對(duì)玄學(xué)并不感興趣，就可以關(guān)了

請(qǐng)讓我們看看在危急關(guān)頭我想到了怎樣的玄學(xué)解法、、、、、、

解決方法：不要使用angular提供的ng-href親情鏈接綁定，用directive手工填寫(xiě)href！

1、html內(nèi)容：先把鏈接綁定到title上備用（請(qǐng)注意這里的a標(biāo)簽中safe屬性，涉及directive相關(guān)！）


    下載iPhone版

代碼形狀：

2、directive內(nèi)容：通過(guò)點(diǎn)擊事件的驅(qū)動(dòng)，將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);
            });
        }
    }
}])

代碼視覺(jué)效果：

3、完畢！你有可能再也不用擔(dān)心angular會(huì)過(guò)濾掉蘋(píng)果店的鏈接了！

2333

請(qǐng)看一看我第一次編輯這篇時(shí)候的心態(tài)、、、、、自以為用高明的辦法解決了天大的問(wèn)題、、、

今天，我遇到了這個(gè)：


    test

看看這個(gè)dalao們，我的天這個(gè)unsafe到底是個(gè)什么啊

當(dāng)然，只要你愿意搜的話(huà)，答案是有的：Angular changes urls to “unsafe:” in extension page

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

看看這些同志們，為什么一般鏈接白名單了，蘋(píng)果店的鏈接還是拓麻unsafe啊
經(jīng)過(guò)一小段玄學(xué)的思考，我認(rèn)為這是改變不了的事實(shí)

那到底該怎么辦呢？？？？？？？？總不能跟領(lǐng)導(dǎo)這樣解釋吧？？？？？

后來(lái)，我逐漸明白了、、、
angular貌似有著無(wú)論如何也無(wú)法不屏蔽蘋(píng)果的鏈接

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

哦擦，終于出來(lái)了、、、
手機(jī)測(cè)試，正常！

我、、、wtm

最后祝你，身體健康

我是個(gè)蠢人，不能像數(shù)學(xué)冠軍那樣立刻分析出來(lái)最優(yōu)的解法、、
但是我想我能代表的人也絕對(duì)不在少數(shù)
有時(shí)并不是你想要解決并付出努力，就能夠得到好的結(jié)果
人生路上，什么時(shí)候該知難而退，什么時(shí)候該奮力一肛
只怕是窮盡一生也無(wú)法得到答案