Angular 数据更新后角度5视图未刷新
在我的组件中,我有一个属性(称为qcHoldExceptions)。我补充说 在数据库中创建该属性的记录,然后通过调用服务(从数据库获取)尝试刷新该属性。然而,我的观点并没有随着新元素而更新。我很抱歉,我尝试过不同的方法,但它不会更新。一旦我刷新页面,新数据就会显示得很好 有人知道我可能做错了什么吗 我的组成部分:Angular 数据更新后角度5视图未刷新,angular,Angular,在我的组件中,我有一个属性(称为qcHoldExceptions)。我补充说 在数据库中创建该属性的记录,然后通过调用服务(从数据库获取)尝试刷新该属性。然而,我的观点并没有随着新元素而更新。我很抱歉,我尝试过不同的方法,但它不会更新。一旦我刷新页面,新数据就会显示得很好 有人知道我可能做错了什么吗 我的组成部分: qcHoldExceptions: Observable<QcHoldException[]>; setQcHoldExceptions(){ this.qc
qcHoldExceptions: Observable<QcHoldException[]>;
setQcHoldExceptions(){
this.qcHoldExceptions = this.qcHoldExService.getQcHoldExceptionByCategory(this.qcHoldCategory.qcHoldCategoryId);
}
qcHoldExceptions:可观察;
setQcHoldExceptions(){
this.qcHoldExceptions=this.qcHoldExService.getQcHoldExceptionByCategory(this.qcHoldCategory.qcHoldCategoryId);
}
我的看法是:
<li *ngFor="let exception of qcHoldExceptions | async" (click)="selectQcHoldException(exception)" class="list-group-item" [ngClass]="{'selected-list-item':exception === selectedQcHoldException }" >
<a>{{exception.qcHoldException}}</a>
</li>
{{exception.qcHoldException}}
setQcHoldExceptions |()在向数据库添加记录后在何处和何时被调用?是否尝试使用Subject
?Anik-是,在添加记录后被调用。我已经做了一个console.log来确保它被调用,事实就是这样。我也尝试过定义QcHoldException:QcHoldException[]。然后我订阅了我的服务,并明确设置了qcHoldExceptions。Damien-从未查看过主题,我会检查是否设置了changedetectionstrategy?另外,您是否确定qcHoldExceptions
具有正确的值,并且它只是没有被渲染?如果调整窗口大小/单击某个位置会怎么样?它会触发刷新吗?