iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular 大師之路 系列

Angular 其實是非常容易入手的前端框架,只要有點經驗的網站程式設計師看完官方文件的 8 篇 Tutorial,就足以應付八成以上的開發需求;儘管如此,了解一些更深入的理論和技巧,則能幫助我們寫出更加洗練、易於維護的程式碼!本次參賽將分享 Angular 更多進階的相關知識,以及個人的開發經驗,範圍包含「進階的觀念、元件設計、測試和 RxJS」等等,希望與更多想要精進 Angular 實力的朋友們一起往 Angular 大師之路前進!!

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

[Angular 大師之路] Day 11 - *ngIf 有 else 可以用嗎?

我們都知道,在 Angular 的樣板中可以使用 *ngIf 語法來決定某段內容是否要呈現,但許多剛入門的 Angular 開發人員很少注意到其實 *ngIf...

2018-10-26 ‧ 由 黃升煌 Mike 分享
DAY 12

[Angular 大師之路] Day 12 - *ngTemplateOutlet 與 ng-template 的完美組合

昨天我們稍微提到了 <ng-template> ,並說明了可以把 <ng-template> 當作是一種樣板上等著被呼叫的方法(func...

2018-10-27 ‧ 由 黃升煌 Mike 分享
DAY 13

[Angular 大師之路] Day 13 - 認識 ng-container

今天我們來聊聊在 Angular 上一個有趣又方便,也是個人非常喜歡使用的語法 - <ng-container> 類型:技巧 難度:3 顆星 實用...

2018-10-28 ‧ 由 黃升煌 Mike 分享
DAY 14

[Angular 大師之路] Day 14 - 動態載入元件 (簡易版)

在設計 Angular 程式時,我們很習慣的會將各種不同目標或功能的畫面拆成不同的元件,這麼一來每個元件的程式就會相對比較簡單,管理上也會更加容易,不過當樣板上...

2018-10-29 ‧ 由 黃升煌 Mike 分享
DAY 15

[Angular 大師之路] Day 15 - 動態載入元件 (複雜版)

昨天我們介紹了使用 *ngComponentOutlet 的方法來動態產生元件,其實它是一個使用 ViewContainerRef 來顯示不同內容的行為,因此我...

2018-10-30 ‧ 由 黃升煌 Mike 分享
DAY 16

[Angular 大師之路] Day 16 - 自己的樣板語法自己做 (Structural Directives)

前幾天我們花了不少時間在介紹 *ngComponentOutlet 以及 *ngTemplateOutlet ,這種會改變 DOM 結構的語法,像是 *ngIf...

2018-10-31 ‧ 由 黃升煌 Mike 分享
DAY 17

[Angular 大師之路] Day 17 - 使用 HTTP_INTERCEPTORS 攔截 Http Request

在開發 Angular 應用程式時,HTTP 請求絕對可以說是最常使用的功能之一,而在一般的應用情境上,我們很常會需要針對請求再做額外的包裝,或統一的管理,這時...

2018-11-01 ‧ 由 黃升煌 Mike 分享
DAY 18

[Angular 大師之路] Day 18 - 使用 ErrorHandler 集中處理錯誤

今天我們來看看,如何集中管理所有的錯誤訊息。 類型:技巧 難度:3 顆星 實用度:3 顆星 在撰寫程式時,我們很難避免完全不發生任何錯誤,總是會有未預期錯誤發...

2018-11-02 ‧ 由 黃升煌 Mike 分享
DAY 19

[Angular 大師之路] Day 19 - 使用 APP_INITIALIZER 在程式運行早期處理資料

在開發一個應用程式時,我們常常需要在程式正常運作前,進行一些初始化的動作,在 Angular 中則是提供了一個 APP_INITIALIZER 設定,讓我們可以...

2018-11-03 ‧ 由 黃升煌 Mike 分享
DAY 20

[Angular 大師之路] Day 20 - 在 @NgModule 的 providers: [] 自由更換注入內容 (1)

相依注入是一般物件導向程式設計的一個大重點,相依注入用得越好程式彈性就越高,而 Angular 本身架構就包含了非常強大的相依注入功能,讓我們自由切換想要注入的...

2018-11-04 ‧ 由 黃升煌 Mike 分享