nativescript-background-http 分离视图

Question

ai am creating application with naticescript and angular. I have implemented progress indicator with messages. While testing from angular components everything works fine however when i start using real nativescript-background-http progress indicator view seems gets detached because it stops updating untill either i call detectChanges in view or post messages from upload functionallity with ngZone.run. This all would be understandable but later in sequence i have other messages posted (rxjs) to same progress indicator from normal component and i see them comming in console but display value is not updated.

Why progress indicator, which lives in separate component, gets detached?

Answer 1

I was able to solve this issue. I was completing observable outside Angular Zone.

task.on('progress', (e) => {
                if (e.currentBytes) {
                    // console.log('progress ->', e.currentBytes);
                    this.ngZone.run(() => {
                        this.componentService.loadingIndicator.showProgress({ maxValue: e.totalBytes, value: e.currentBytes });
                    });
                }
            });
            task.on('error', (e) => {
                this.ngZone.run(() => {
                    observer.error(e.error);
                    observer.complete();
                });
            });
            task.on('complete', (e: any) => {
                this.ngZone.run(() => {
                    observer.next(JSON.parse(e.response.getBodyAsString()));
                    observer.complete();
                });
                console.log('complete upload');
            });