angular2データバインディングを使用して、参照データ型を使用して

Question

私は最近angular2 data binding between service and component propertiesを投稿し、Thierryは面白いことを指摘しました。

サービス（シングルトン）に格納されている配列やオブジェクトのような参照データ型を持ち、それを指し示すさまざまなコンポーネントの参照を作成すると、オブジェクトがどこからでも更新されると、作品！）。

私の場合、スレッドオブジェクトをさまざまなコンポーネントで同時に表示（プレビュー、メインビュー、ダッシュボードなど）する必要がある小さなフォーラムを構築しています。テキストフィールドを更新/編集するには、これは本当に便利かもしれません。

これは保存すればいいですか？

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