HTTP : 업데이트/저장/삭제시 하위 구성 요소의 변경 사항을 감지합니다.

Question

내가가는대로 HTTP를 배우고 있습니다. 앞으로 나아갈 방법을 모릅니다. 나는 내 서비스에서만 http 전화를하고있다.

export class Teacher { 

    public addStudent(value: Student): void { 
     this.students.push(value); 
    } 
} 

내가 선생님을 나열하는 목록 구성 요소를 가지고 있고, 그 구성 요소, 사용자가 교사를 클릭하고 세부로 이동 : 다음

여기 몇 가지 방법입니다, 클래스, 교사가 페이지에서 사용자 입력을 받아 학생을 교사에게 추가합니다.

export class TeacherDetailComponent implements OnActivate { 

    teacher: Teacher; 

    constructor(public _service: Service, public _router: Router) { } 

    routerOnActivate(curr: RouteSegment): void { 
     let id = curr.getParam('id'); 
     this._service.getById(id) 
      .subscribe(teacher => { 
       this.teacher = teacher; 
      }); 
    } 

    addStudent() { 
     this.teacher.getStudents().push(new Student()); 
     //what code here? 
    } 
} 

내 headscratcher가있다, 어떻게 내가 새로운 학생이 추가 될 때 교사에 대한 데이터를 업데이트 할 수 있다는 각도 이야기한다!

Answer 1

사실 귀하의 질문은 구성 요소 통신과 관련됩니다. 나는 이것을위한 공유 된 서비스를 만들 것이다.

자세한 내용은이 문서를 참조하십시오 :

• https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service

그래서 나는 학생이 추가되거나 제거되는 목록 구성 요소를 통지하는 서비스를 만들 것, 그에 따라 목록을 업데이트 할 수 있도록 . 다음은 샘플입니다

this.studentService.addedStudent.subscribe(addedStudent => { 
    // do something 
});