Angular 2 不更新 *有时*

Question

我有一个在 Electron 上运行的 Angular 4 应用程序。

在我的主要组件中，我运行一个服务，该服务打开一个保存的文件并在一个名为“会话”的对象上设置其参数。

  ngOnInit(): void {


this.Service.ready.subscribe(() => {

  this.session = this.Service.session;
  console.log(this.session.name)

});

this.Service.startService();
  }

我要么使用文件对话框打开会话文件，要么在初始化应用程序时加载最后一个会话文件。我通过订阅我的服务在完成加载文件时发出的“就绪”事件来更新我的 UI。请注意，对于打开最新文件和使用对话框加载文件，它运行相同的方法。

问题： 通过对话框打开文件时，UI 会立即更新。在启动时加载最后一个会话时，UI 不会更新。

我尝试了什么 该服务使用 NgZone 来触发更改检测。 订阅显示正确的会话设置为变量“this.session” 我尝试过使用 ChangeDetectorRef 但没有区别。

为什么当我使用相同的方法和事件触发时，更改检测会有所不同？是否与仍在初始化的组件有关？

更新以显示服务中的区域更新

来自我的服务：

loadSession(path: string): void {

    fs.readFile(path, { encoding: 'utf-8' }, (err, data) => {
        if (!err) {

            var session = JSON.parse(data);

            console.log(session);

            this.zone.run(() => {

                this.session = session;

                this.readyToStart();

                this.notify("Opened Session:", this.session.name, null);

                console.log("opened session");
            });

        } else {
            console.log(err);
        }
    });
}

我的 readyToStart 方法发出 'Ready' 事件

Answer 1

为什么不像这样使用LoggerService：

this.logger.tick_then(() => this.session = this.Service.session);

这将把这个变化放在下一个变化检测周期