qamar.chen
/
AngularLearn
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Commit Graph

  • f941209e89 [Doc]移除投影片，另外連結更新 master HarveyChou 2022-11-29 16:09:22 +0800
  • c56b42db60 [Doc] 修改投影片的參考資料 HarveyChou 2022-11-23 17:41:40 +0800
  • ca3ab99ed0 [Doc] 投影片新增參考網站 HarveyChou 2022-11-23 11:12:56 +0800
  • ec5f636ece [Doc] 投影片更新內容 HarveyChou 2022-11-18 11:06:52 +0800
  • 3e438eb3b0 [Doc] 投影片更新Rxjs HarveyChou 2022-11-17 15:15:21 +0800
  • 14779da736 [Doc] 投影片完整版更新，第一版 v1.0 HarveyChou 2022-11-16 17:48:38 +0800
  • 36ad7d57c3 [Doc] 更改投影片位置 HarveyChou 2022-11-15 10:37:45 +0800
  • 398c8ce0fe [Doc] 投影片內容更新 HarveyChou 2022-11-15 09:53:25 +0800
  • 5b0d471407 加入ag-grid HarveyChou 2022-11-11 11:21:29 +0800
  • 12fb25d8fb 檢查是否可以離開頁面canDeactivate HarveyChou 2022-11-10 13:46:45 +0800
  • 458e104c06 [Doc] 更新投影片 HarveyChou 2022-11-10 13:19:14 +0800
  • f8662813f3 Router Guard=>可用來設定權限網頁使用 lazy loading路徑設計有問題，無法使用工作事項頁面 HarveyChou 2022-11-10 11:30:30 +0800
  • e698bcec0a Lazy loading設定 讓component延遲載入功能，將component的loading寫在別的頁面 本範例工作事項無法顯示頁面，可能和task.json讀取有關 HarveyChou 2022-11-10 09:49:33 +0800
  • 04b194c5bc 子路由設定 可以根據routes的children設定子路由 HarveyChou 2022-11-09 17:47:44 +0800
  • 13c5cdfd26 路由資料的傳遞與取得，使用resolver 可以將資料藏在resolver傳遞 HarveyChou 2022-11-09 16:36:35 +0800
  • c81046da55 查詢字串的傳遞與取得=> page使用 可以往前往後，使用queryParamsHandling: 'preserve'來紀錄先前的資料 HarveyChou 2022-11-09 16:10:06 +0800
  • d98de591b6 監控路由參數，藉由paramMap 此commit可以抓到page，但是無法傳遞參數至下一筆資料 可能跟assets/tasks.json讀取有關 HarveyChou 2022-11-09 15:37:46 +0800
  • 9c81fb93ce 嘗試建立routing，藉由路由參數傳遞與取得 能夠傳遞參數至Url，但是取得參數失敗 TaskService get method，參數Observable<Task | any>，需代入any不然會報錯 HarveyChou 2022-11-09 10:49:23 +0800
  • 7b0f195e8c Routing的運用 修改task.service，get的位址改為../assets/tasks.json，不然會抓不到 HarveyChou 2022-11-08 18:34:09 +0800
  • ee4fc57944 自訂表單元件 修改部分fn Task改為any，規避TypeScript強型別問題，會導致編譯錯誤 修改task.ts 參數增加驚嘆號，不然需要設定初值 HarveyChou 2022-11-08 17:09:20 +0800
  • 7557881de0 表單驗證的設定 變更代辦事項狀態"已完成"，必須要輸入完成日期 Angular 提供addValidators() setValidators() and removeValidators() 設定表單驗證後，都要呼叫updateValueAndValidity()，執行最後的驗證 HarveyChou 2022-11-08 16:21:52 +0800
  • 2b72de571b 表單陣列結構的操作 預設數量只會根據原模型數量去設定 包含push method，可以加入新的Formgroup HarveyChou 2022-11-08 16:02:38 +0800
  • 156303b3b5 表單值的存取，使用patchValue HarveyChou 2022-11-08 15:20:10 +0800
  • 8b7bc94401 表單值的存取監控 使用debounceTime(500)，每500毫秒檢查一次 HarveyChou 2022-11-08 14:49:22 +0800
  • 021d3064c7 自訂欄位非同步驗證方法 要同時輸入帳號以及密碼，下方才會顯示出結果 HarveyChou 2022-11-08 14:11:59 +0800
  • 28507f4648 數值驗證方法=>自訂欄位同步驗證方法 HarveyChou 2022-11-08 13:22:13 +0800
  • 3c9aac7f93 自訂欄位同步驗證方法，表單陣列不得為空 範例程式有問題，此次commit無法使用，arrayCannotEmpty內部不可為null HarveyChou 2022-11-08 13:21:32 +0800
  • 1b854b85d3 表單欄位驗證validator HarveyChou 2022-11-08 11:12:13 +0800
  • 9241462772 響應式表單> 利用FormArray建立表單陣列 HarveyChou 2022-11-08 11:07:08 +0800
  • f783a95867 響應式表單，FormGroup 可以將form item 當作group HarveyChou 2022-11-08 10:21:22 +0800
  • df83d27fb6 響應式表單 利用FormControl建立單一欄位表單，並用console紀錄 HarveyChou 2022-11-08 10:12:10 +0800
  • 2b8dc6ef02 使用Httpclient的http get功能取得資料 HarveyMac 2022-11-06 21:26:46 +0800
  • 46489b32cd [Doc] 報告更新 HarveyChou 2022-11-07 18:28:41 +0800
  • 2339adb55f 自訂表單驗證 HarveyChou 2022-11-07 18:27:29 +0800
  • b95b30b8cc 正規畫表示驗證 HarveyChou 2022-11-07 18:00:39 +0800
  • 965e75a963 數值欄位範圍驗證 tsconfig.json 內部要更改noPropertyAccessFromIndexSignature:false 最小年齡為 {{ age.errors?.min.min }} 歲 要加一個問號 HarveyChou 2022-11-07 17:54:45 +0800
  • a16c194117 email格式驗證 HarveyChou 2022-11-07 17:34:46 +0800
  • 6300ff8946 表單是否修改過 使用pristine跟dirty屬性來辨別 HarveyChou 2022-11-07 17:09:13 +0800
  • 8403b4c9ec ng-tounched 屬性 若點選過帳號，或者表單，則外框顏色會變色 HarveyChou 2022-11-07 17:03:45 +0800
  • 1f6eff2cdf NgModelGroup 表單範例 可以使用MgModelGroup，將ngModel結合成一個group HarveyChou 2022-11-07 16:45:53 +0800
  • 04a409ffbb ngForm表單範例 HarveyChou 2022-11-07 16:36:00 +0800
  • 0a1f3bf84a ngModel加入範本參考變數 HarveyChou 2022-11-07 16:15:18 +0800
  • 6d39774248 利用NgModel定義表單模型屬性 透過ngModel紀錄在condition中，讓元件程式可以使用此屬性進行查詢 HarveyChou 2022-11-07 15:58:52 +0800
  • 87ab8aebfd @Host裝飾器 將元件的父層元素作為尋找注入實體的結束位置 <app-parent> <app-child/> </app-parent> HarveyChou 2022-11-07 15:35:02 +0800
  • 8fd056e445 @Self裝飾器 指定使用當下注入器，若當前未設定，則會拋出例外 HarveyChou 2022-11-07 15:17:58 +0800
  • a65445da8f @Optional 選擇性注入 @SkipSelf()會忽略當錢provider，從使用的父元件開始尋找提供者 HarveyChou 2022-11-07 15:13:03 +0800
  • 04ed2d5a29 HttpClient 把資料傳到後端服務 this.heep.pose<Task[]>(url,tasks); 使用HTTP_INTERCEPTORS攔截http請求，依據需求作其他處理 ng generate interceptor [component] HarveyChou 2022-11-07 14:25:26 +0800
  • e02327cd32 Async Timer使用，實作subscribe跟unsubscribe 如果未取消unsubscribe，則會造成重複執行，降低效能 HarveyChou 2022-11-07 11:32:27 +0800
  • 2ee49d413e AsyncPipe 加入as關鍵字，建立範本區域變數，紀錄遠端傳回的清單資料 HarveyChou 2022-11-07 11:19:59 +0800
  • ddc8e2af5a AsyncPipe 透過AsyncPipe訂閱task$屬性 HarveyChou 2022-11-07 11:17:17 +0800
  • 1900c0e758 HttpClient取得遠端資料 app.component內部subscribe未註冊，程式碼範例無法註冊使用 HarveyChou 2022-11-07 10:27:10 +0800
  • fb01bb33eb Merge branch 'master' of http://www.origtek.com:2999/HarveyChou/AngularLearn HarveyChou 2022-11-07 09:07:14 +0800
  • 5d8ca49605 使用相同token，指定多種provider HarveyMac 2022-11-06 16:50:49 +0800
  • c6818ba1e1 Injection Token 建立InjectionToken型別變數來產生token HarveyMac 2022-11-06 16:35:35 +0800
  • 1d27146504 string Token 使用字串作為Inject token HarveyMac 2022-11-06 16:08:46 +0800
  • 6fdc2b3792 Service 單獨在個別個別component使用 provider可以使用範圍，在component中使用useValue，可以將可以將service限制在指定module中 HarveyMac 2022-11-06 15:59:07 +0800
  • d8c39876e6 FactoryService使用 可以使用useFactory設定條件，來使用不同的Service HarveyMac 2022-11-06 15:41:02 +0800
  • 0947394269 useValue抽象服務 可將物件實體抽換掉服務類別，可以透過建立間諜ＳＰＹ物件模擬測試情境 HarveyMac 2022-11-06 15:30:56 +0800
  • 776711cc2a useExisting 抽象服務 跟useClass類似，但不會建立新的實體，而是去使用當前已存在的 如果不存在任何實體則會拋出例外，可以用這種方式減少被重複建立的實體 HarveyMac 2022-11-06 15:17:30 +0800
  • 13726233ea UseClass抽象服務 App.component內部provider使用useClass:OrderDiscountService 可以直接抽換原本的訂單服務，降低改版對於整體的影響 HarveyMac 2022-11-06 15:13:47 +0800
  • 861c679ce1 Service Interaction ，Service 水平互動 APP.component初始化Service Value font-size 使用畫面改變Value other則顯示出則顯示出Value值 HarveyMac 2022-11-06 14:35:52 +0800
  • d506925fb7 使用service注入功能 task.service的gettasks，注入app.component.ts constructor HarveyMac 2022-11-06 13:17:46 +0800
  • 6e9b7d075a 自訂Pipe使用，使用 ng generate pipe [管道名稱] 本範例使用自訂Orderby排序 HarveyMac 2022-11-05 16:57:11 +0800
  • db845bfee2 DatePipe，詳細請查閱網路用法 HarveyMac 2022-11-05 16:46:12 +0800
  • 93245b6bc7 CurrencyPipe HarveyMac 2022-11-05 16:39:44 +0800
  • cc3a013026 PercentPipe {{value_expression | percent [:'digitsInfo' [:local]}} HarveyMac 2022-11-05 16:37:10 +0800
  • 9679033e34 數值資料顯示-DecimalPipe HarveyMac 2022-11-05 16:21:47 +0800
  • 691065d11b KeyValuePipe 可以提取出陣列中的陣列中的keyValue HarveyMac 2022-11-05 16:14:54 +0800
  • ee9fae2d12 SlicePipe，可以做文字排版切割，起始位置從0算起 {{value_expressiong |slice: start [:end]}} 也可以套用在陣列中 HarveyMac 2022-11-05 16:03:09 +0800
  • 3e094d0490 使用angular 內部pipe，做顯示文字格式的改變 只改變顯示文字，而不改變文字內容 HarveyMac 2022-11-05 15:52:20 +0800
  • 5bd08dfd5c @HostBinding 裝飾器 可以設定class屬性，去影響宿主元素 HarveyMac 2022-11-05 15:42:26 +0800
  • 084ded3405 @HostListener 裝飾器 可以用來listen mouseover跟mouseout事件 改變顏色 HarveyMac 2022-11-05 15:28:03 +0800
  • c89e69a77c 自訂結構型指令 Structural Directive 可以使用user Name來定義使用權限，顯示使用者可視或不可視區域 HarveyChou 2022-11-04 18:16:34 +0800
  • 81f605ef39 自訂改變元素行為的屬性行指令 使用者按下按鈕後，會透過@HostListener擷取按鈕事件，讓使用者確認後觸發confirm事件，讓父元件執行所需作業 HarveyChou 2022-11-04 16:38:18 +0800
  • 44795b7dfc @directive Exports as 用法 用以取得自訂按紐指令實體 HarveyChou 2022-11-04 16:22:25 +0800
  • e0cad3232f 自訂Angular 指令 ==> 自訂變更元素樣式的屬性型指令(Attribute directive) HarveyChou 2022-11-04 15:44:26 +0800
  • dea772bd15 ngComponentOutlet 範例 HarveyChou 2022-11-04 15:35:01 +0800
  • 7f6d0b3765 ngSwitch 多條件判斷 HarveyChou 2022-11-04 14:51:57 +0800
  • aa2d25fae5 ngIf 將元素list移至 ng-template HarveyChou 2022-11-04 14:26:58 +0800
  • a76881a140 ngIf 跟 else 實作 HarveyChou 2022-11-04 14:11:35 +0800
  • 186bdbf526 ngFor 跟 traackBy用法，trackBy用法可以用以重新渲染功能 HarveyChou 2022-11-04 13:42:32 +0800
  • e9b3941c98 [Doc] LearnPowerPoint HarveyChou 2022-11-04 13:21:48 +0800
  • 0c38fa1d20 頁面檢視的初始and變更檢測 HarveyChou 2022-11-03 18:19:11 +0800
  • 4d8b9ba8b3 動態內容投影，初始以及變更檢測 使用數個ngContent演示，在網頁執行階段的啟動時機 HarveyChou 2022-11-03 17:57:39 +0800
  • 3364218bf4 Merge branch 'master' of http://www.origtek.com:2999/HarveyChou/AngularLearn HarveyChou 2022-11-03 17:25:08 +0800
  • 4d0125ab5c ngDoCheck 生命週期鉤子範例程式碼 HarveyChou 2022-11-03 17:23:10 +0800
  • ed2175ad79 生命週期 使用 ngOnChanges 生命週期鉤子，要使用F12在browser裡確認回收機制 HarveyChou 2022-11-03 16:24:40 +0800
  • 510a4a0f65 動態內容投影 ng-content Select功能 標籤(Tag) Select="標籤名" Ex:select="h2" 樣式類別(Class) select=".類別名稱" Ex:select=".className" 屬性(Attribute) select="[屬性名稱]" Ex:select="[attrName]" HarveyChou 2022-11-03 15:45:58 +0800
  • 37bf0612a0 動態內容投影 ng-content Select功能 HarveyChou 2022-11-03 15:45:58 +0800
  • 749c303e4d 動態內容投影 ng-content HarveyChou 2022-11-03 15:10:08 +0800
  • 0fcde94384 initial commit HarveyChou 2022-11-02 17:14:56 +0800