系列文章
[功能介紹-4] 組件間的溝通
本文同步發佈於：Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...
[功能介紹-5] 動態載入元件
模版組件有的時後會需要能夠動態被載入，在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅，因為...
[功能介紹-6] Attribute Directives
Directive有分為結構型和屬性型的，這一篇要先介紹屬性型的Directive。本篇的範例請見：Attribute Directive example / ...
[功能介紹-7] Structural Directives
什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加，刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...
[功能介紹-8] Pipes
Pipes有那些？ 常用的Pipes有DatePipe，UpperCasePipe，LowerCasePipe，CurrencyPipe，和PercentPip...
[功能介紹-9] Template-Driven Forms
使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...
[功能介紹-10] Reactive Forms (Model-Driven Forms)
Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...
[功能介紹-11] NgModules
Angular modularity Angular有提供許多的功能，如FormsModule、HttpModule、RouterModule，都是NgModu...
[功能介紹-12] Angular裡Service的DI
何謂依賴注入 什麼是依賴注入呢？可以參考這篇文章：理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...
[功能介紹-13] HttpClient
使用HttpClientModule 官方文件：https://angular.io/api/common/http/HttpClientModule 下面是一...