用户通过用户页面更新应用程序标题后，如何使应用程序标题静态化？

Question

我正在应用程序组件的模板上设置标题。标题已根据用户在用户页面上的输入进行更新。如何在整个应用程序中使用该标题？

我已经尝试过本地存储，但有没有其他方法可以在整个应用程序中使用它？

Stackblitz 网址：https ://stackblitz.com/edit/angular-kfptvs

[更新]

当我在另一个应用程序上实现同样的功能时，我开始收到错误：

Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'null: Bob'. Current value: 'null: Rob'.

执行以下代码时出现上述错误：

this._userService.titleObs.subscribe((title) => {

      this.title = title;

})

我已经通过下面的代码进行了修复，但有人可以提出更好的修复方法吗？

this._userService.titleObs.subscribe(

  title => setTimeout(() => this.title = title, 0)

);

Answer 1

正如 Maryannah 所说，您使用了一项服务，这是解决问题的好方法。它对您不起作用的原因可能是因为您的服务位于 temp 文件夹下。如果将服务放在根文件夹中，则所有组件都将能够访问相同的数据。

Answer 2

问题已通过添加修复 ChangeDetectorRefimport { Component, OnInit, ChangeDetectorRef } from '@angular/core';constructor(     private ref: ChangeDetectorRef){}this._userService.titleObs.subscribe((title) => {      this.title = title;      this.ref.detectChanges()})