iT邦幫忙

鐵人檔案

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

用30天深入Angular 5的世界 系列

Angular是大家耳熟能詳的框架,我的目標是在這30天裡,念完所有官方文件,然後將學習紀錄寫成鐵人賽的學習筆記。
希望在這個鐵人賽的路程上,能看到我在辛苦耕耘中成長的歷程。

鐵人鍊成 | 共 31 篇文章 | 134 人訂閱 訂閱系列文 RSS系列文 團隊XY - 動手不動口
DAY 11

[功能介紹-4] 組件間的溝通

本文同步發佈於:Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...

2017-12-30 ‧ 由 Claire Chang 分享
DAY 12

[功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入,在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅,因為...

2017-12-31 ‧ 由 Claire Chang 分享
DAY 13

[功能介紹-6] Attribute Directives

Directive有分為結構型和屬性型的,這一篇要先介紹屬性型的Directive。 本篇的範例請見:Attribute Directive example /...

2018-01-01 ‧ 由 Claire Chang 分享
DAY 14

[功能介紹-7] Structural Directives

什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加,刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...

2018-01-02 ‧ 由 Claire Chang 分享
DAY 15

[功能介紹-8] Pipes

Pipes有那些? 常用的Pipes有DatePipe,UpperCasePipe,LowerCasePipe,CurrencyPipe,和PercentPip...

2018-01-03 ‧ 由 Claire Chang 分享
DAY 16

[功能介紹-9] Template-Driven Forms

使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...

2018-01-04 ‧ 由 Claire Chang 分享
DAY 17

[功能介紹-10] Reactive Forms (Model-Driven Forms) 

Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...

2018-01-05 ‧ 由 Claire Chang 分享
DAY 18

[功能介紹-11] NgModules

Angular modularity Angular有提供許多的功能,如FormsModule、HttpModule、RouterModule,都是NgModu...

2018-01-06 ‧ 由 Claire Chang 分享
DAY 19

[功能介紹-12] Angular裡Service的DI

何謂依賴注入 什麼是依賴注入呢?可以參考這篇文章:理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...

2018-01-07 ‧ 由 Claire Chang 分享
DAY 20

[功能介紹-13] HttpClient

使用HttpClientModule 官方文件:https://angular.io/api/common/http/HttpClientModule 下面是...

2018-01-08 ‧ 由 Claire Chang 分享