如何解决角度组件无法按预期更新视图
我的组件出现“小”问题,该组件无法按预期进行自我更新。有一个提供publish
功能的组件。此函数使用对象列表调用generateDownload
。现在调用getDrawing
。 sscmData.getDrawing
返回的数据将更新视图,并且像超级按钮一样工作。
export class DrawingComponent {
...
getDrawing(distance: DistanceSplit,reloadPredrawSkaters?: boolean): Observable<any> {
return this.sscmData.getDrawing(distance.ID,distance.distance).pipe(
map((response: Drawing) => {
...
do some things
...
})
)
}
publish(distances: DistanceSplit[]) {
this.generateDownload(distances).subscribe(tabledata => {
console.log(tabledata)
})
}
generateDownload(list: DistanceSplit[]): Observable<any> {
return from(list).pipe(
concatMap((distance: DistanceSplit,index: number) => {
return this.getDrawing(distance).pipe(
tap(() => {
this.changeDetectorRef.detectChanges();
console.log(this.propress);
this.propress++;
}),map(res => {
let tabledata = ...
return tabledata;
})
);
})
);
}
}
我的问题是propress
,这是一个简单的变量,我想在组件视图中查看当前值{{ propress }}
。
但是仅在完全处理可观察值时才显示该值。因此,它始终显示列表的长度,而不显示当前值。
我期望看到增加的价值,例如1 ... 2 ... 3 ... 4 ...等。如何使它正常工作?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。