通过在服务中使用参考数据类型来绑定angular2数据

Question

因此，我最近发布了服务和组件属性之间的angular2数据绑定 ，Thierry指出了一些有趣的东西。

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

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

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

Answer 1

您需要利用可观察变量，这些变量将在字段更改时订阅其上的组件。

像这样：

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