通過在服務中使用參考數據類型來綁定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