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)=>{ })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM