iT邦幫忙

鐵人檔案

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

從巨人的 Tip 看 Angular 系列

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

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

[Day 21] 關於 Content Projection

今天要分享的是關於 Angular 的 content projection。 Angular 提供了一個 ng-content 的 tag 來將其他的 HTM...

2020-10-06 ‧ 由 林穎平 EP 分享
DAY 22

[Day 22] 深度探討 ng-content 背後的機制 (1)

OK!昨天介紹了一個強而有力的 tag:ng-content,今天不免俗的就要來爬一下 source code,了解在 content projection 的...

2020-10-07 ‧ 由 林穎平 EP 分享
DAY 23

[Day 23] 深度探討 ng-content 背後的機制 (2)

好的,昨天用了一個簡單的範例來說明 ɵɵprojectionDef 以及 ɵɵprojection 這兩個 instructions,今天來用 multi ng...

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

[Day 24] 簡單看看 @HostBinding decorator

好! 今天看一下 directive 的 @HostBinding decorator xD 因為這個 decorator 只是要是有在用 directive...

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

[Day 25] pipe!在 HTML Template 上使用 async 處理 Observable

今天要講的內容根本是 Angular 101,但是為了之後的文章,今天的內容是不可或缺的!吧。 總之今天要介紹的是 Angular 內建的 pipe 之一:As...

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

[Day 26] 從 AsyncPipe 出發,微探討 Angular 處理 pipe 的流程

昨天介紹了 AsyncPipe 的用法以及它可以帶來的便利,今天要來看一下在這方便的背後是由那些東西所組成的。 一切都從編譯之後開始 function AppC...

2020-10-11 ‧ 由 林穎平 EP 分享
DAY 27

[Day 27] 微探討 Pure pipe 與 Impure pipe

今天要介紹的 Tip 是有關於 pipe 的 pure 與 impure,當沒有任何額外的設定下,自行建立的 pipe 都會是屬於 pure pipe,這一點我...

2020-10-12 ‧ 由 林穎平 EP 分享
DAY 28

[Day 28] banana in a box!關於雙向繫結功能的語法糖

Okay!最後幾天要看的內容是關於 Angular 的雙向繫結。 如果你跟我一樣是從 Angular tutorial 開始學習Angular 的話,那你應該會...

2020-10-13 ‧ 由 林穎平 EP 分享
DAY 29

[Day 29] Banana in a box!在那糖衣的背後

昨天介紹了自製 two-way binding 的方式,今天要接著看在背後 Angular 為我們做了哪些事! 一切都從編譯後開始 今天會從以下的範例程式碼開始...

2020-10-14 ‧ 由 林穎平 EP 分享
DAY 30

[Day 30] 微探討 Angular 的 Event binding 與 Property binding

鐵人賽最後一天! 今天要跟各位分享的呢,是昨天與前天 Banana in a box 系列的延伸,關於 Angular 怎麼處理 event 與 propert...

2020-10-15 ‧ 由 林穎平 EP 分享