Question

http服务调用后的本机角度，视图未更新（角度5）。

在我编写了http服务调用的地方找到以下代码，然后将响应分配给未在视图页面中更新的视图。如果我执行任何其他事件，例如将鼠标悬停在文本框上，则视图将更新。 componet.ts文件

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

服务文件

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);

}

注意：默认情况下，此构造函数在构造函数中以True形式给出，并在视图中显示，在服务调用后，this.processing分配为False，但仅显示True。如果单击任何文本框或单击按钮，则此处理在视图中将更改为False。

Answer 1

首先，我建议使用HttpClient params选项以避免潜在的URL转义问题：

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

```

对于处理，请尝试强制进行更改检测：

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

如果这不起作用，请提供您的模板的片段。

HTTP服务调用后的Nativescript-angular，视图未更新（Angular 5）

1 个答案: