-
代碼實(shí)戰(zhàn)內(nèi)容
查看全部 -
開發(fā)環(huán)境準(zhǔn)備
查看全部 -
TypeScript簡介
查看全部 -
核心概念總覽圖
查看全部 -
應(yīng)用模塊之間各模塊的關(guān)系
查看全部 -
應(yīng)用模塊的組件互相使用方法
查看全部 -
模塊
?（1）框架代碼以模塊形式組織（文件模塊）
?（2）功能單元以模塊形式組織（應(yīng)用模塊）
申明應(yīng)用模塊應(yīng)用@NgModule
declarations:包裝組件或者指令等
providers：依賴注入
imports：導(dǎo)入其他模塊
bootstrap：設(shè)置根組件
exports：導(dǎo)出組件或者指令等
查看全部 -
應(yīng)用模塊示例
查看全部 -
文件模塊示例
查看全部 -
服務(wù)
服務(wù)是實(shí)現(xiàn)專一目的的邏輯單元，如日志服務(wù)
依賴注入
組件引入外部構(gòu)建（如服務(wù)）的一種機(jī)制
依賴注入配置在@Component加入providers屬性
分層注入（hierarchical dependency injection）
查看全部 -
分層注入（hierarchical dependency injection）
查看全部 -
依賴注入的原理圖
查看全部 -
指令
組件繼承于指令
組件是自身帶有模版的指令
指令的類型
（1）屬性指令：改變組件模版的外觀或者行為，如樣式等
（2）結(jié)構(gòu)指令：改變組件模版的DOM結(jié)構(gòu)，如ngIf用來插入或者移除DOM節(jié)點(diǎn)
中括號表示指令使用在元素屬性上
查看全部 -
核心概念：
組件 Components
元數(shù)據(jù) Metadata
模版 Templates
數(shù)據(jù)綁定 Data binding
服務(wù) Service
指令 Directives
依賴注入 Dependency Injection
模塊 Modules
組件要素
Javascript、HTML、CSS
組件通訊機(jī)制
定義輸入輸出接口import、export
全生命周期支持
Contructor：構(gòu)造器初始化
OnChanges：第一次觸發(fā)數(shù)據(jù)變化鉤子
OnInit：組件初始化
OnChanges：運(yùn)行期間觸發(fā)數(shù)據(jù)變化鉤子
OnDestory：組件銷毀前
組件示例
裝飾器 @Component 賦予一個類更豐富的信息（元數(shù)據(jù)）
?元數(shù)據(jù)（選擇器、模版）
組件類
數(shù)據(jù)綁定(前兩者是單向綁定)
（1）屬性綁定 [value]
<input [value]="myData" />
（2）事件綁定 (keyup)
<input (keyup) = "handle($event)"/>
（3）雙向綁定 [(ngModel)]
<input [(ngModel)] = "myData">
組件樹
查看全部 -
數(shù)據(jù)流向 Angular
查看全部
舉報