Nativescript-angular after http service call, view is not updated (Angular 5)

Question

Nativescript-angular after http service call, view is not updated (Angular 5 ).

Find the below code where I have written the http service call then the response is assigned to view which is not updating in view page. If I do any other event like mouse over text box, the view is getting updated. componet.ts file

this.orderService.getProductBySKU('DR1056.01534XXL')
    .subscribe(resProduct => {
        this.ngZone.run(() => {
            this.processing = false;                
         });
    }

Service file

getProductBySKU(sku) {
    const authToken = localStorage.getItem('currentUserToken');
    return this.http.get(this.config.apiUrl + 'get-product-by-sku?sku=' + sku, this.config.basicAuth())
 .map(response => response);

}

Note : By default this.processing is given as True in constructor which displays in view, after service call this.processing is assigned as False, but which displays only True. If I click any text box or button click, this.processing is changed to False in view.

Eduardo Speroni · Accepted Answer · 2018-07-16 22:08:34Z

3

First off I'd recomend using the HttpClient params option to avoid potential URL escaping problems:

this.http.get(this.config.apiUrl + 'get-product-by-sku', {...this.config.basicAuth(), params: { sku: sku }})

```

As for the processing, try forcing a change detection:

constructor(private ref: ChangeDetectorRef) {}
(...)
this.orderService.getProductBySKU('DR1056.01534XXL')
    .subscribe(resProduct => {
        this.ngZone.run(() => {
            this.processing = false;                
            this.ref.detectChanges();
         });
    }

If that doesn't work, please provide a snippet of your template.

answered Jul 16, 2018 at 22:08

Eduardo Speroni

3512 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Muthukumar Marichamy Over a year ago

It does work. But why we should force to update the view. In earlier, I didn't do force even it works.

Eduardo Speroni Over a year ago

Yeah, it should work. I really can't tell why it isn't. I had to use ngZone a lot of times in Nativescript, but I'm not sure why it isn't working for you.

Manjit Over a year ago

I am also facing the same issue? Anybody know specific reason why it's not working without firing change detection?

Collectives™ on Stack Overflow

Nativescript-angular after http service call, view is not updated (Angular 5)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related