[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

這個網誌中的熱門文章

.Net Core 使用NLog

圖片
  之前.Net Framework時使用的NLog，到了.Net Core後，使用方式有點不同，整理如下。 加入套件 NLog NLog.Web.AspNetCore 新增NLog.config檔案 設定檔已針對Microsoft及Hosting等略過及Conosle處理 <?xml version="1.0" encoding="utf-8"?> <nlog xmlns="http://www.nlog-project.org/schemas/NLog.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" throwExceptions="false"       xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">   <extensions>     <add assembly="Microsoft.ApplicationInsights.NLogTarget" />     <add assembly="NLog.Web.AspNetCore"/>   </extensions>   <variable name="layoutDefine"       value="${longdate} [${event-properties:item=EventId_Id:whenEmpty=0}][${level:padding=-5}] ${message} ${exception:format=tostring} (${callsite:includeNamespace=false:fileName=true:includeSourcePath=false})" />   <targets>     <!---預設所有資訊先寫到Trace-->     <target xsi:type="Tra...
繼續閱讀

Jenkins - AzureDevOps簽入後觸發工作-git

圖片
闗於在Azure DevOps簽入即觸發建置，之前有寫過一篇是使用TFS的方式。最近公司要改成使用git的方式，所以再來演練記錄一下。 Azure DevOps設定 1.Clone repository 取得https的網址 2.建立Personal Access Token 此Token為Jenkins checkout 所使用 3.新增Service hook-簽入及建置工作 Project Settings>Service hooks  選擇要Trigger的Repository及Branch 這邊的User Name 及API Token 使用的是在Jenkins上建立的 ps:Integration Level 要選 Build-in Jenkins API，這應該是自架Jenkins的選項 Jenkins設定 原始檔控制，選擇git並輸入網址及加入剛建立的git Credentials的帳號密碼 參考來源 https://docs.microsoft.com/en-us/azure/devops/service-hooks/services/jenkins?view=vsts
繼續閱讀

git SSH學習

圖片
大部份的Git Server都有提供SSH Clone(透過命令Clone)專案的方式，先決條件是本地要先建位好SSH Key，以下為使用github帳號建立 如何建立SSH 1.使用Git bash ssh-keygen -t rsa -b 4096 -C "kimxinfo@gmail.com" 此步驟會要求你輸入2次密碼，保持空值也可以 (目前使用kimxxx) 另外要求你儲存的位置:保持空值的話，預設:C:\Users\Kim\.ssh\id_rsa 2.加入代理 eval $(ssh-agent -s) ssh-add ~/.ssh/id_rsa 將SSH Key 加到Github上 1.將產生的key複製到剪貼簿 clip < ~/.ssh/id_rsa.pub 2.新增SSH到Github https://github.com/settings/keys 2.1 若用的Azure DevOps(VSO)，到個人帳號/Security/SSH public keys 測試用SSH Clone的方式 到Github任一個Public的專案，在右方的Clone or download切換到SSH 開啟Command,輸入如下，即可以將程式Clone回來 git clone  git@github.com:kimx/SqlLiteLab.git 若你的key有輸入密碼，這裡會提示你要輸入 多組SSH Key 應用情境，例如:Github及AzureOps各建立了一組，當你在Clone時預設會用第一個建立的id_rsa，若要用對應不同的SSH Key，參考如下: 第一個為github.com，第二個則是AzureOps Host github.com     HostName github.com     User kimxinfo@gmail.com     IdentityFile ~/.ssh/id_rsa   ...
繼續閱讀