使用服务中的引用数据类型进行 angular2 数据绑定

Question

所以我最近发布了angular2 data binding between service and component properties，Thierry 指出了一些有趣的事情。

如果我有一个引用数据类型，如数组或存储在服务（singelton）中的对象，并在指向它的各种组件中创建引用，则当从任何地方更新对象时，视图将为所有组件更新（并且它可以工作！）。

就我而言，我正在构建一个小型论坛，其中需要同时在各种组件中显示/查看线程对象（例如预览、主视图、仪表板......）。对于更新/编辑文本字段，这可能非常方便。

现在我想知道这是否可以保存使用？

Answer 1

您需要利用 observables 了解哪些组件将在字段发生更改时收到通知。

类似的东西：

export class Service {
  name = "Luke";
  nameUpdated = new Subject();

  getName() {
    return this.name;
  }

  updateName() {
    this.name = 'Luke1';
    this.nameUpdated.next(this.name);
  }
}

在组件中：

this.name = this._service.name;
this._service.nameUpdated.subscribe(name => {
  this.name = name;
});

看到这个 plunkr：https://plnkr.co/edit/CRE92tdCsteoS2MVeGfh?p=preview