Let's Go To Coding Mountain - 查理 Charles

leetCode https://ithelp.ithome.com.tw/articles/10213928 https://cspiration.com/login 資安 https://ithelp.ithome.com.tw/articles/10202353 https://ithelp.ithome.com.tw/articles/10185179 https://github.com/sakura26/DADA 網路架構 https://github.com/sakura26/DADA/blob/master/basic_knowledge.md#%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98 TypeScript https://willh.gitbook.io/typescript-tutorial/ JavaScript https://eyesofkids.gitbooks.io/javascript-start-from-es6/content/part3/datatype.html JS-Testing https://ithelp.ithome.com.tw/articles/10189022 https://ithelp.ithome.com.tw/articles/10214038 RXJS https://blog.techbridge.cc/2017/12/08/rxjs/ Angular 效能 https://www.itread01.com/content/1545034562.html .NET概念 https://blog.alantsai.net/posts/2017/10/net-framework-see-new-core-04-net-core2-intro c# https://dotblogs.com.tw/joysdw12/2016/01/06/typescript_angularjs_service https://docs.microsoft.com/zh-tw/ef/core/modeling/relationships?tabs=fluent-api%2Cfluent-api-simple-key%2Csimple-key https://docs.microsoft.com...

HTML    < mat-form-field >              < input                matInput                placeholder = " 密碼 "               [ type ] = " isPasswordHide   ?   ' password '   :   ' text '"                autocomplete = " on "                formControlName = " accountPassword "             />              < button                mat-icon-button   ...

https://stackoverflow.com/questions/44735334/angular2-material-dialog-self-close    //  跳轉圈圈dialog      let   progressSpinnerDialogRef   =   this . dialog . open ( ProgressSpinnerComponent ,   {        width :   ' 68% ' ,        disableClose :   true ,      } ) ;      this . utilityService        . utilityDoFlowStart$Json$Json ( {   body :   params   } )        . pipe ( debounceTime ( 200 ))        . subscribe (          res   =>   {            if  ( res . isSuccess   ===   true )  {              progressSpinnerDialogRef . close () ;   /...

共用的dialog如何抓取識別是從那邊開啟的dialog  就是做了點按鈕會呼叫aaa function跳出AAA Dialog的Component AAA這個Dialog算是共用的內容 所以網頁上會有很多呼叫aaa()的按鈕 現在目標是 該如何識別是從網頁上的哪個按鈕所呼叫的aaa() 因為有需求將AAA dialog的內容帶回對應的按鈕附近的formcontrol欄位 有想過讓aaa()帶一個是別的參數 舉例叫做aaa001 預計會來要寫入English001的formgroupname欄位中 於是變成aaa(aaa001) 帶回來後再切割aaa001這字串取出001 再湊出English001這串字當變數 再set Dialog的 value 到剛剛裡面 這樣會不會太天馬行空了  有在猜說是不是要用afterOpened 或是getId 的方法 但是不太知道怎樣寫 ----------------------------------------------------- 解法 的確是想太多了 哈哈 直接在this.dialogRef.close() 裡面塞值就好 解決方式 頁面html (click)= "aaa('aaa001')" 頁面ts aaa(DialogCorrespondId) { let CodeResult: string ; const dialogRef = this .dialog.open(AAADialogComponent, { width: '80%' , disableClose: true , data: { CodeBtnId: DialogCorrespondId, CodeDialogResult: CodeResult, }, }); dialogRef.afterClosed().subscribe(result => { if(result!==(''||undefined)){ this .formDataService.serviceFormGroup . get (DialogCo...

https://blog.poychang.net/click-button-copy-to-clipboard-in-angular/ 之前寫過一篇 只用 JavaScript 實作一鍵複製 的作法，在了解原理後，想要在 Angular 中也來實作同樣的功能，其實也很簡單唷！ 先提一下，複製、貼上這動作是由瀏覽器所提供的，所以需要使用到  document  和  window  這個瀏覽器物件。 複製文字這件事，基本上三個動作： 找到目標區塊 選取目標 執行複製 找到目標區塊 使用 JavaScript 要找到 DOM 中的某段區塊，可使用  document.querySelector()  方法，搭配 CSS 選擇器來尋找目標區塊，這樣就可以取得所要的 DOM 節點內容。 在 Angular 中也可以使用上面的方法來尋找區塊，但更推薦的作法是使用 Angular 內部的  DOCUMENT  Token，透過注入的方式來使用  document  全域物件。 這樣的作法可以用在 AOT，或在寫測試時，可以用模擬的方式來取代全域物件。 // 1. 載入 DOCUMENT Token import { DOCUMENT } from " @angular/platform-browser " ; // ... // 2. 使用 Token 注入至元件中 constructor ( @ Inject ( DOCUMENT ) private dom : Document ) { } // ... // 3. 設計選取區塊的方法 selectText ( selector : string ): void { const element = this . dom . querySelector ( selector ); } 到目前為止，我們在  selectText()  裡面已經可以取到目標區塊並存在  element  裡面了。 由於  document  和  window  都是瀏覽器提供的全域物件，但 Angula...