發表文章

目前顯示的是 2024的文章

[UI] 粉嫩色碼蒐集

-
  我是顏色#BCCEFB 我是顏色#F0BF4C  我是顏色#F59794 我是顏色#EB94CF   我是顏色#D094EA 我是顏色#C6BEEE  我是顏色#9EEB47 我是顏色#D4ED31  我是顏色#F0BF4C 我是顏色#5BD1D7 
張貼留言
閱讀完整內容

[Angular] npm run apigen 時，出現self-signed certificate 錯誤訊息的解決方法

-
  使用 npm run apigen 時 錯誤訊息回應 Error on API generation from https://localhost:xxxx/swagger/v1/swagger.json: ResolverError: Error downloading hts://localhost:xxxx/swagger/v1/swagger.json self-signed certificate 時， 短期解決方式為 輸入以下內容  $env:NODE_TLS_REJECT_UNAUTHORIZED=0 讓驗證可以通過
張貼留言
閱讀完整內容

[Angular] 點兩下變為編輯狀態的方式

-
    <!-- 姓名 -->       < div         [ ngStyle ] = " { display : checkIsHaveValue ( ' ebcI0010 ' ) ? ' block ' : ' none ' } "       >         < div           class = " ss:flex ss:flex-col ss:items-stretch ss:justify-center lg:flex lg:flex-row lg:flex-wrap lg:items-center lg:justify-start lg:gap-2 "         >           < h3 > 姓名： </ h3 >           < div >             < h3               [ ngStyle ] = " {                 display : editable [ ' editable0010 ' ] ? ' none ' : ' block '               } "               ( dblclick ) = " toggleEdit ( ' editable0010 ' ) "           ...
張貼留言
閱讀完整內容

[UI] 文字檔案下載呈現方式

-
    moduleFilesArray : any [] | null | undefined = [] ;   < ng-container * ngFor = " let row of moduleFilesArray ; let i = index " >           < div class = " m-1 " >             < a               mat-button               target = " _blank "               class = " underline text-lg "               ( click ) = " downloadHistroyTemplate ( i ) "               >{{ row }}</ a             >           </ div >         </ ng-container >   downloadHistroyTemplate ( fileId : number ) {     const getName = this . moduleFilesArray ?. [ fileId ] . fileName ;     const myDownReq : ModuleHistory = { ...
張貼留言
閱讀完整內容

[Angular] fix the unable_to_get_issuer_cert_locally error

-
Temporarily stop rigid SSL verification npm config set strict-ssl false Change the default public registry version to HTTP npm config set registry http://registry.npmjs.org/
張貼留言
閱讀完整內容

[Angular] 要在專案中，開啟外部網站連結的方法

-
  因為一般的windows.open(url) 用法 如果url非專案網站的同網址 就會因為同源政策(Same-origin policy)被擋住 所以要繞過 必須使用 DomSanitizer 官網：https://angular.io/guide/security#xss 首先先引用 import { DomSanitizer } from ' @angular/platform-browser ' ;   constructor (         private sanitizer : DomSanitizer ,   ) {} 而chatGPT的回應 符合邏輯和語法 但是實際上無法這樣使用 chatGPT的回應(以下程式碼無法使用): // 信任 URL const trustedUrl = this . sanitizer . bypassSecurityTrustUrl (Url); // 將 SafeUrl 轉換為字串 const urlString = trustedUrl. toString (); // 打開 URL window . open (urlString); 實務上 要做以下調整 在windows.open() 裡面建立protocol和取得 bypassSecurityTrustUrl() 這個object的內容     // 打開信任的 URL     window . open (       window . location . protocol +         ' // ' +         ( this . sanitizer . bypassSecurityTrustUrl ( lOpenUrl ) as any )           . changingThisBreaksApplicationSecurity ,     ) ; 也可以寫成這樣   ...
張貼留言
閱讀完整內容