角度 - Angular2がサービスからのデータを自動的に更新する方法がわかりません

Question

私はAngular2の初心者です。アプリはシンプルです：NotesContianerComponentは、getNotes()とaddNote()メソッドを持つNoteServiceに接続しています。

NotesContainerComponentでは、サービスから返されたデータをメンバmyNotesおよびngOnInitイベントに格納して、アレイをリフレッシュしています。私は現在そのコードのどこにでもその配列に触れていません。私は、フォームを使用して新しいメモを追加し、NotesContainerComponentからサービスのaddNote()メソッドを呼び出すとき

は今、ノートでは、バックエンドモックノートアレイに追加されますんが、同時に、UI（すなわちNotesContainerComponent）が更新されます自動的に新しいメモと一緒に！私は手動でそれをリフレッシュするために何もしていません。

調査のために、console.log()をサービスのgetNotesメソッドに追加しましたが、最初に呼び出されるのはngOnInitフックだけです。

私には分かりませんが、Angular2はサービスを自動的に照会することなく新しいメモをどのように知っていますか？そしてこれをやめる方法は？すべての手がかりをいただければ幸いです。参照用

NotesContainerComponentコード：

export class NotesContainerComponent implements OnInit { 
    constructor(
     private noteService: NoteService 
    ) { } 

    addNote(newNote):void { 
     this.noteService.add(newNote); 
    } 

    myNotes: Notes[]; 

    ngOnInit() { 
     this.noteService.getNotes() 
      .then(notes => this.myNotes = notes); 
    } 
} 

Answer 1

あなたはObjectかArrayであなたのモックデータを格納しているとthis.myNotesの参照はそのObjectの参照である場合。あなたの模擬データの内容が変更されると、すべての参照も変更されます。これは、オブジェクトがjavascriptで可変であるためです。