angular之元件資料不能及時更新
阿新 • • 發佈:2019-01-31
剛學angular,寫了一個前臺的表格資料增刪改查,但點查詢後,表格資料不能及時顯示,我發現只要在我的介面上隨意點任意一個鍵或者敲一個空格,查詢的資料就出來了。隱約覺得是元件沒重新整理的問題,暫時找到下面的解決方法:
1.在ts檔案引入偵測元件變化的物件ChangeDetectorRef
import {ChangeDetectorRef } from '@angular/core';
2.建構函式把它例項化
constructor(public changeDetectorRef:ChangeDetectorRef){}
3.在資料改變之後,這裡即我的search函式最後加上以下兩句程式碼
search = ():void=>{
...//我寫的查詢程式碼,不贅述了
this.changeDetectorRef.markForCheck();
this.changeDetectorRef.detectChanges();
}
}
4.然後表格元件資料就能及時重新整理了。暫時找到下面的解決方法,前輩同行有更好的解決方法麻煩吐槽@我吧~