刚学angular,写了一个前台的表格数据增删改查,但点查询后,表格数据不能及时显示,我发现只要在我的界面上随意点任意一个键或者敲一个空格,查询的数据就出来了。隐约觉得是组件没刷新的问题,暂时找到下面的解决方法:
1.在ts文件引入侦测组件变化的对象ChangeDetectorRef
(关于ChangeDetectorRef ,这个上有写https://www.cnblogs.com/eleven24/p/8370527.html)
import {ChangeDetectorRef } from '@angular/core';
2.构造函数把它实例化
constructor(public changeDetectorRef:ChangeDetectorRef){}
3.在数据改变之后,这里即我的search函数最后加上以下两句代码
search = ():void=>{
...//我写的查询代码,不赘述了
this.changeDetectorRef.markForCheck();
this.changeDetectorRef.detectChanges();
}
}
4.然后表格组件数据就能及时刷新了。暂时找到下面的解决方法,前辈同行有更好的解决方法麻烦吐槽@我吧~