Question

我有一个继承的应用程序，该应用程序从API端点获取数据。我们发现，当我们更改API上的数据时，更改不会反映在应用程序中。如果我们在移动设备上卸载并重新安装该应用程序，则会显示API中的新数据。这是“建筑物详细信息”页面的示例：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from "@angular/router";
import { switchMap } from 'rxjs/operators';
import { Building } from "../shared/building/building";
import { HttpService } from "../services/http/http.service";
import {
    getString,
    setString
} from "application-settings";

@Component({
    moduleId: module.id,
    selector: 'building-detail',
    templateUrl: 'building-detail.component.html',
    styleUrls: ["./building-detail-common.css"],
    providers: [ Building, HttpService ]
})

export class BuildingDetailComponent implements OnInit {
    paramName: string;
    constructor(
        private route: ActivatedRoute, 
        public building: Building, 
        private httpService: HttpService) {
        this.route.params.subscribe(
            (params) => {
                this.paramName = params['name']
            } 
        );
    }

    ngOnInit() {
        console.log("ON INIT FIRED " + this.paramName);
        let buildingInfo = JSON.parse(getString("buildingInfo"));
        for (let item of buildingInfo) {
            if (item.attributes.title === this.paramName) {
                this.building.name = item.attributes.title;
                this.building.desc = item.attributes.body.value;
                let imageEndpoint = "file/file/" + item.relationships.field_building_image.data.id;
                let imageUrl = this.httpService.getData(imageEndpoint)
                .subscribe(data => { 
                    this.building.image = "https://nav.abtech.edu" + data['data'].attributes.url;
                    console.log("The building image URL is " + this.building.image);
                }, (error) => {
                    console.log("Error is " + error);
                });
            }
        }

     }
}

如果您想查看其他文件/代码，我很乐意分享。谢谢！

Answer 1

ngOnInit是仅在创建组件时才执行的东西，将不再执行。

应用启动和恢复之间也有区别，如果您希望每次用户打开应用时都更新数据，则应监听恢复事件并在ngZone内执行apis调用

如果要在后端数据更改时立即通知用户，甚至可以使用推送通知/数据消息

Answer 2

未更新数据的原因不是因为未执行ngOnInit，而是因为您正在缓存旧值并在每次运行应用程序时重新加载它。您正在使用appSettings在应用程序运行期间持续缓存数据，这就是为什么看到值在卸载之前保持不变的原因。

如果您不想显示缓存的值，请不要从应用程序设置中读取数据，或者至少在刷新一次数据后才从appSettings中读取数据。

应用启动时Nativescript更新http响应

2 个答案: