[AngularJs] 繫結超連結出現前置詞unsafe

    今天撰寫一個功能是將內容轉成BlobUrl的方式讓使用者下載檔案,一開始使用jQuery繫結href是可以正常下載,但使用Angular的繫結後,按了下載會無法作用,檢查html原始檔,發現href內容前方多unsafe的前置詞.....。搜尋文章後,才知道這是Angular的安全性檢查,認為是有問題的網址才加上去的。如下圖按了"產生"後的href
image


解決方式

在App的組態加入白名單的設定,如下透過Regex語法將blob及其它預設設定加入。
image
設定完後,href就不會再加入unsafe的設定了,完整範例如下
See the Pen Angular Avoid Unsave by kimxinfo (@kimxinfo) on CodePen.

參考來源

http://stackoverflow.com/questions/15637133/unsafe-link-in-angular
https://github.com/angular/angular.js/issues/3889

這個網誌中的熱門文章

IIS 設定只允許特定IP進入