- 基本語法
- *ngFor
- *ngIf
- 父子組件通信
- 子組件調(diào)用父組件的數(shù)據(jù) ：父組件傳入[title] = 'title',子組件@input接收之后通過this直接使用
- 子組件調(diào)用父組件的方法：同上
- 父組件調(diào)用子組件的數(shù)據(jù)：
- 子組件#footer命名垛孔，父組件@viewChild引入滓侍，通過this.footer.*使用
- 子組件暴露一個(gè) EventEmitter屬性月洛，當(dāng)事件發(fā)生時(shí)萧豆，子組件利用該屬性
emits(向上彈射)事件。父組件綁定到這個(gè)事件屬性筒饰，并在事件發(fā)生時(shí)作出回應(yīng)座泳。
- 父組件調(diào)用子組件的方法
- 非父子組件數(shù)據(jù)共享
生命周期
-
rxjs：是一種針對異步數(shù)據(jù)流的編程
異步編程：- 回調(diào)函數(shù)callback
- promise
-
rxjs，寫法與promise基本相同resolve->observer.next, then->subscribe
image.png
image.png- unsubscribe可以取消執(zhí)行操作
-
promise無法執(zhí)行多次速兔，rxjs可以執(zhí)行多次
image.png - 通過pipe使用工具函數(shù)map墅拭、filter
-
接口請求
- get方式
在app.module.ts中引入HttpClientModule并注入
在使用的地方從common/http中引入httpClient，并在構(gòu)造函數(shù)中聲明httpClientthis.http.get(api ).describe(response:any)=> {}- post 提交數(shù)據(jù)
在app.module.ts中引入HttpClientModule并注入
在使用的地方從common/http中引入httpClient涣狗、HttpHeaders并在構(gòu)造函數(shù)中聲明httpClientlet headersOptons = { headers: new HttpHeaders({ 'Content-Type' : 'applicaton/json' }) } this.http.post(api , paramsObj, headersOptons).describe(response:any)=> {}- jsonp方式
在app.module.ts中引入HttpClientModule/HttpClientJsonpModule并注入
在使用的地方從common/http中引入httpClient并在構(gòu)造函數(shù)中聲明httpClient
驗(yàn)證是否支持jsonp：api?callback=*** || api?cb=***this.http.jsonp(api , 'callback').describe(response:any)=> {}- 使用第三方模塊axios進(jìn)行數(shù)據(jù)請求
1.創(chuàng)建service
- promise封裝axios
- appmodule和使用的地方引入HttpserviceService
- 并在構(gòu)造函數(shù)中聲明HttpserviceService
this.httpservice.axiosGet(api) 路由
- 根路由模塊引入注入組件谍婉，路由模塊引入組件
- 通過router-outlet掛載動(dòng)態(tài)組件
- 模版里使用a標(biāo)簽router-link進(jìn)行跳轉(zhuǎn)（ng-router-link）
- path: '**'匹配任意路由， redirectTo：'默認(rèn)路由'
- routerLinkActive設(shè)置路由選中樣式
- 動(dòng)態(tài)路由屑柔，傳參的四種方式
- 管道
日期轉(zhuǎn)化
{{ today | date: 'yyyy-mm-dd HH:mm:ss' }}
自定義管道
