Angular的面試題

1.Aangular中組件之間通訊的方式

答案:Props down

1.調用子組件,經過自定義屬性傳值

2.子組件內部經過Input來接收屬性的值

 

Events  up 

1.在父組件中定義一個有參數的方法

2.調用子組件時,綁定自定義事件和上一步方法

3.子組件內部經過Output和EventEmitter來觸發事件並傳值.

 

2.Angualr的八大組成部分並簡單描述

答案:model是Angular開發中的基本單位,是一個容器,能夠包含組件、指令、管道等

Components是可被反覆使用的帶有特定功能的視圖

Templates  是通過指令和管道、組件等加強過的html

Bindings     結合着事件綁定   屬性綁定  雙向數據綁定等擴展html的功能

Directives分爲結構性和屬性型指令還有其餘模塊中好比路由模塊中的指令等,

主要是加強html.

Pipes    能夠對數據作一個篩選、過濾、格式化從而獲得目的數據

Service  將組件、應用中的可共用的部分,好比數據或者方法等  封裝成服務以方便服用

DependencyInjection  依賴注入

 

3.Angular中常見的生命週期的鉤子函數?

ngOnChanges:當Angular設置其接收當前和上一個對象值的數據綁定屬性時響應。

ngOnInit:在第一個ngOnChange觸發器以後,初始化組件/指令。這是最經常使用的方法,

用於從後端服務檢索模板的數據。

ngDoCheck：檢測並在Angular上下文發生變化時執行。

每次更改檢測運行時,會被調用。

ngOnDestroy:在Angular銷燬指令/組件以前消除。取消訂閱可觀察的對象並脫離

事件處理程序,以免內存泄漏。

組件特定的hooks:

ngAfterContentInit:組件內容已初始化完成

ngAfterContentChecked:在Angular檢查投影到其視圖中的綁定的外部內容以後。

ngAfterViewInit:Angular建立組件的視圖後。

ngAfterViewChecked：在Angular檢查組件視圖的綁定以後

 

4.Angular中路由的工做原理

Angular應用程序具備路由器服務的單個實例,而且每當URL改變時,相應的路由就與路由配置數組

進行匹配。在成功匹配時,它會應用重定向,此時路由器會構建ActivatedRoute對象的樹,

同時包含路由器的當前狀態。在重定向以前,路由器將經過運行保護(CanActivate)

來檢查是否容許新的狀態。Route Guard只是路由器運行來檢查路由受權的接口方法。

保護運行後,它將解析路由數據並經過將所需的組件實例化到<router-outlet></router-outlet>

來激活路由器狀態。

 

5.解釋rjx在Angular中的使用場景

Rxjs是在微軟所提供的一種的異步處理數據的方式,在Angular中處理網絡通訊時用到了。

建立一個Observable並subsribe

好比:this.http.get('').subscribe((data)=>{ })