iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

Angular 8 從推坑到放棄 系列

紀錄一下這三個月來使用Angular的各種心得,雖不是什麼高手,單是就如何學習Angular,還是有一些個人見解,想拿出來與大家分享。

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

[Day 10] Angular Debug 技巧

了解 Angular Debug 訊息 以上的 範例 Code 因為沒有實際執行所以 Typescript 是當下找不到錯誤的,要執行過 onAddServer...

2019-09-27 ‧ 由 TimTim 分享
DAY 12

[Day11] Property 與 事件 Binding

Angular 中 Components 之間的傳遞資料的方式,就長得像下面這張圖。 Input() 裝飾器使用方式 @Input 的目的是確認資料綁定 in...

2019-09-28 ‧ 由 TimTim 分享
DAY 13

[Day12] 有關 Angular 畫面封裝

Angular 可以針對個別的 Component 自定義 css 屬性,一開始可以設定為不影響其他 Component,也可以設定為 component 會影...

2019-09-29 ‧ 由 TimTim 分享
DAY 14

[Day13]使用 Angular Local Reference 取得資料

除了可以使用 DataBinding 取得物件上的資料外,還可以使用 Angular Local Reference 取該物件的 value以及相關屬性,Loc...

2019-09-30 ‧ 由 TimTim 分享
DAY 15

[Day 14] 了解 Angular Component 生命週期

了解 Angular Component 生命週期 在使用Angular Component時,可以在程式中針對 Angular 在運作程式時放入不同的 lif...

2019-10-01 ‧ 由 TimTim 分享
DAY 16

[Day 15] Day 15 了 深入了解 Directive

透過attribute directive,我們可以自行擴充元件的屬性,讓元件更富有變化. 在 Angular 中,Directive 分成3種: Comp...

2019-10-02 ‧ 由 TimTim 分享
DAY 17

[Day 16] 了解 相依注入 Service

了解 相依注入 Service 有時我們需要再多個components共享資料,例如上圖的 Applcation 架構中,想要共用LogService 以及U...

2019-10-03 ‧ 由 TimTim 分享
DAY 18

[Day 17]Angular Dynamic Form

Angular Form Angular 的 Form 是目前框架最好使用的框架沒有之一.Angular 的 Form 最主要有 Reactive Form 跟...

2019-10-04 ‧ 由 TimTim 分享
DAY 19

[Day 18] 如何使用 Angular Routing

今天要來介紹如何使用Roting來切換頁面 透過Routing可以決定所要顯示的Page預設透過 Angular CLI 建立的為 app-routing.mo...

2019-10-05 ‧ 由 TimTim 分享
DAY 20

[Day 19] 初步使用 Observable

為什麼使用rxjs RxJS是一組可以用來處理非同步、以及同步事件的一個JavaScript Library 能幫助你快速地使用像是Ajax、Server W...

2019-10-06 ‧ 由 TimTim 分享