iT邦幫忙

鐵人檔案

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

從巨人的 Tip 看 Angular 系列

這系列會盡力介紹各種高人分享的 tips,接著,並以這些高人的 tip 作為爬 Angular 原始碼的起點,分析出每個 tip 背後的運作機制!

鐵人鍊成 | 共 30 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文 團隊全端開發人員天梯
DAY 1

[Day 1] 透過 DI 讓 children 與 parent 互動吧!之你知道 Angular 怎麼注入 component 的嗎?

大家好我是 EP,這次的系列主要會收集一些 Angular 在開發上會使用到的技巧(或稱 Tip),並從這些技巧作為切入點,然後直接開始爬 Angular 的原...

2020-09-16 ‧ 由 林穎平 EP 分享
DAY 2

[Day 2] 深度探討 Angular 將 component 加入 Container 的流程

昨天成功找到 Angular 是在什麼時間點將每個 component 放入 Injector 的 container 內,一解長久以來在我心頭的困惑。 今天不...

2020-09-17 ‧ 由 林穎平 EP 分享
DAY 3

[Day 3] 深度探討在 Component 內 inject Component 的解析流程

延續前天跟昨天,今天要來看一下身為 children 的 component 是怎麼解析出 parent component 的! 每當我們在 componen...

2020-09-18 ‧ 由 林穎平 EP 分享
DAY 4

[Day 4] @Inject(token: InjectionToken<T>)!

前幾天都在分享 Angular Dependency Injection 的相關內容,今天還是要分享 DI。 今天這個 Tip 算是入門級: export c...

2020-09-19 ‧ 由 林穎平 EP 分享
DAY 5

[Day 5] 在建立 InjectionToken 的時候加入 Dependency

昨天提到可以 InjectionToken 這個類別來建立一個 DI Token,而且也可以在建立 DI Token 的時候提供建立實體用的工廠方法,那如果要提...

2020-09-20 ‧ 由 林穎平 EP 分享
DAY 6

[Day 6] NG_VALIDATOR,自訂表單驗證器的二三事

OK!前幾天都在分享、分析 Dependency Injection 的相關 Tip 與原始碼,今天當然也是要繼續啊! 今天要來分享的 Tip,是最近剛得到 A...

2020-09-21 ‧ 由 林穎平 EP 分享
DAY 7

[Day 7] FormGrop、FormControlName 與 FormControl 之間的秘密

昨天的文章帶出了透過提供 NG_VALIDATOR 的方式注入 validator 到 FormControlName 中,阿你有想過 FormControlN...

2020-09-22 ‧ 由 林穎平 EP 分享
DAY 8

[Day 8] 所以我說那個 multi 是?

前幾天有提到 NG_VALIDATORS 這個內建的 DI Token,在我們新增 providers 的時候,用到了 multi 這個屬性,並將其設為 tru...

2020-09-23 ‧ 由 林穎平 EP 分享
DAY 9

[Day 9] 事件繫結好方便,那你知道 EVENT_MANAGER_PLUGINS 嗎?

一般而言,我們可以透過在 children component 上使用 @Ouput 修飾詞與 EventEmitter 類別,來將事件傳給 parent co...

2020-09-24 ‧ 由 林穎平 EP 分享
DAY 10

[Day 10] 深度看一下 Angular 建立 multi provider 的機制

前幾天的文章中介紹了 multi provider 的效果。今天要來認真的看一下 Angular 是怎麼處理 multi provider 的。 在 @Comp...

2020-09-25 ‧ 由 林穎平 EP 分享