1. 基本語(yǔ)法
   • *ngFor
   • *ngIf
2. 父子組件通信
   • 子組件調(diào)用父組件的數(shù)據(jù) ：父組件傳入[title] = 'title',子組件@input接收之后通過(guò)this直接使用
   • 子組件調(diào)用父組件的方法：同上
   • 父組件調(diào)用子組件的數(shù)據(jù)：
     • 子組件#footer命名，父組件@viewChild引入，通過(guò)this.footer.*使用
     • 子組件暴露一個(gè) EventEmitter屬性，當(dāng)事件發(fā)生時(shí)，子組件利用該屬性 emits(向上彈射)事件。父組件綁定到這個(gè)事件屬性，并在事件發(fā)生時(shí)作出回應(yīng)。

• 父組件調(diào)用子組件的方法
• 非父子組件數(shù)據(jù)共享

3. 兄弟組件通信方法（除了路由/storage，可以通過(guò)BehaviorSubject)

4. 生命周期

5. rxjs：是一種針對(duì)異步數(shù)據(jù)流的編程
   異步編程：

   • 回調(diào)函數(shù)callback
   • promise

   • rxjs，寫(xiě)法與promise基本相同resolve->observer.next, then->subscribe

     
     
     image.png
     
     
     image.png
     • unsubscribe可以取消執(zhí)行操作

     • promise無(wú)法執(zhí)行多次，rxjs可以執(zhí)行多次

       
       
       image.png
     • 通過(guò)pipe使用工具函數(shù)map、filter

6. 接口請(qǐng)求

   • get方式

   在app.module.ts中引入HttpClientModule并注入
   在使用的地方從common/http中引入httpClient，并在構(gòu)造函數(shù)中聲明httpClient

     this.http.get(api ).describe(response:any)=> {}
   

   • post 提交數(shù)據(jù)

   在app.module.ts中引入HttpClientModule并注入
   在使用的地方從common/http中引入httpClient、HttpHeaders并在構(gòu)造函數(shù)中聲明httpClient

   let 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ù)請(qǐng)求

   1.創(chuàng)建service

   2. promise封裝axios
   3. appmodule和使用的地方引入HttpserviceService
   4. 并在構(gòu)造函數(shù)中聲明HttpserviceService

   this.httpservice.axiosGet(api)
   

7. 路由

• 根路由模塊引入注入組件，路由模塊引入組件
• 通過(guò)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)路由，傳參的四種方式

8. 管道
   日期轉(zhuǎn)化

  {{ today | date: 'yyyy-mm-dd HH:mm:ss' }}

自定義管道