角度组件无法按预期更新视图

问题描述

我的组件出现“小”问题，该组件无法按预期进行自我更新。有一个提供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 (将#修改为@）