iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular10 實作教學 系列

TypeScript 型別 - ENUM轉陣列(2)
圖片顯示 + 檔案上傳(1)
每條 API 添加 欄位(1)
Angular Material 日期使用(3)
Angular Material 替換色系(1)
資料傳遞處理 - @Input@Output 、Storage、Subject、Router(4)
重新整理再次取得資料(1)
Reactive Form 多層使用 + 驗證(4)
使用 leaflet 建構地圖(3)
圖表使用(3)

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 11

NG10鐵人賽 - 11 - 型別實作(3) - enum 和 switch 重疊值顯示相同內容

一般 switch 匹配對象 應該只有單個,可當你需要複數配對,可以參照下面 code interface.ts export enum Role {...

2020-09-11 ‧ 由 馬達 分享
DAY 12

NG10鐵人賽 - 12 - 圖片(1) - 顯示

單選圖片顯示 html <input type="file" (change)="uploadImg($event)&quo...

2020-09-12 ‧ 由 馬達 分享
DAY 13

NG10鐵人賽 - 13 - 圖片(2) - 檔案接API

利用昨天學到的檔案上傳將檔案傳到 Service 處理 component.ts constructor( private materialServic...

2020-09-13 ‧ 由 馬達 分享
DAY 14

NG10鐵人賽 - 14 - 資料傳遞處理 - @Input 傳入資料要改寫或做變化處理

基本使用說明可以參考我之前寫過相關的文章 @Input 基礎使用 https://ithelp.ithome.com.tw/articles/10206340...

2020-09-14 ‧ 由 馬達 分享
DAY 15

NG10鐵人賽 - 15 - 資料傳遞處理 - 照順序給值

擬物化介紹 service : 櫃台 資料: 留言 component:人(A 和 B) A 把留言 放到櫃檯,B 到櫃檯 看留言 資料流向 先執行到的 Aco...

2020-09-15 ‧ 由 馬達 分享
DAY 16

NG10鐵人賽 - 16 - 資料傳遞處理 - 資料都給我

擬物化介紹 service : 櫃台 資料: 留言 component:人(A 和 B) A 請人把留言送回 A,B 把留言 放到櫃檯,C 把留言 放到櫃檯 資...

2020-09-16 ‧ 由 馬達 分享
DAY 17

NG10鐵人賽 - 17 - 資料傳遞處理 - 我丟要的接

利用 subject 放置 資料,讓 接收者 取得資料 data-store.service.ts private bookSubject = new Subj...

2020-09-17 ‧ 由 馬達 分享
DAY 18

NG10鐵人賽 - 18 - 資料傳遞處理 - 處理完再給你

說明 調用 resolve service 先把資料處理完成 ,再用 private route: ActivatedRoute 給 component 調用...

2020-09-18 ‧ 由 馬達 分享
DAY 19

NG10鐵人賽 - 19 - localStorage & sessionStorage 使用

說明 用於 使用 localStorage 和 sessionStorage 儲存資料,並且在重新整理網頁時,再次讀取資料,並載入到應用程式 localStor...

2020-09-19 ‧ 由 馬達 分享
DAY 20

NG10鐵人賽 - 20 - 重新整理頁面帶入值

注意事項 各 component 資料 null 時的畫面處理 app.component.ts 設定本地端的資料、儲存資料到資料Service 在 Cal...

2020-09-20 ‧ 由 馬達 分享