1. 程式人生 > >angular之元件資料不能及時更新

angular之元件資料不能及時更新

剛學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.然後表格元件資料就能及時重新整理了。暫時找到下面的解決方法,前輩同行有更好的解決方法麻煩吐槽@我吧~