本文介紹了Angular中的生命周期鉤子的理解，分享給大家，希望對大家有所幫助

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設計、成都做網(wǎng)站、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務南丹,10余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

什么是生命周期鉤子

簡單點來說生命周期鉤子就是Angular中一個組件從被創(chuàng)建當銷毀期間的一些有意義的關鍵時刻.這些關鍵時刻在Angular中被Angular核心模塊 @angular/core 暴露出來,賦予了我們在它們發(fā)生時采取行動的能力.

有哪些生命周期鉤子

Angular中從一個組件的創(chuàng)建到銷毀一個有八個生命周期鉤子它們,按照先后順序.它們分別是:

1. ngOnChanges()
2. ngOnInit()
3. ngDoCheck()
4. ngAfterContentInit()
5. ngAfterContentChecked()
6. ngAfterViewInit()
7. ngAfterViewChecked()
8. ngOnDestroy()

其中: ngOnInit() 、 ngAfterContentInit() 、 ngAfterViewInit() 和 ngOnDestroy() 在一個組件的生命周期中只會被調(diào)用一次,其它的都有可能會被多次調(diào)用.下面,就讓我們來詳細解列一下這些生命周期鉤子.

ngOnChanges()

• 當Angular（重新）設置數(shù)據(jù)綁定輸入屬性時響應。 該方法接受當前和上一屬性值的SimpleChanges對象
• 當被綁定的輸入屬性的值發(fā)生變化時調(diào)用，首次調(diào)用一定會發(fā)生在ngOnInit()之前。
  

ngOnChanges() 生命周期的調(diào)用與一個組件中的輸入屬性有關.

當在一個組件中使用 @Input() 定義了一個輸入屬性時.只要這個輸入屬性的值發(fā)生了改變.就會觸發(fā) ngOnChanges() 生命周期鉤子.這個生命周期鉤子被調(diào)用時會傳入一個 SimpleChanges 對象,這個對象中包含了輸入屬性當前值和上一值.

@Input()
public name: string;

ngOnChanges(changes: SimpleChanges): void {
 console.log(changes); // name:SimpleChange {previousValue: "a", currentValue: "ab", firstChange: false}
}

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：淺談對Angular中的生命周期鉤子的理解-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://weahome.cn/article/jhhge.html