각도 - 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의 참조 경우. 모의 데이터 내용이 변경되면 모든 참조가 변경됩니다. 개체 자바 스크립트에서 변경할 수 있기 때문입니다.