javascript - Angular 2 *有时不更新*

Question

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

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

  ngOnInit(): void {


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

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

});

this.Service.startService();
  }

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

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

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

为什么我用同样的方法和事件去触发变化检测会有差异？是否与仍在初始化的组件有关？

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

来 self 的服务:

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 方法发出“就绪”事件

Answer 1

为什么不这样使用 LoggerService:

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

这会将此更改放入下一个更改检测周期