각도 관측 값 vs 약속 CRUD 및 데이터 새로 고치기

Question

간단한 순층 적용을 위해 각도 2/4 패턴과 관련하여 몇 가지 질문이 있습니다. 대부분의 예제를 보았습니다. 삽입/업데이트 후에 데이터가 어떻게 새로 고쳐지는지 알지 못합니다.

Observables에서는 약간 새로운 기능이지만 데이터를 새로 고치는 것만 제외하면 대부분의 패턴을 이해합니다. 삽입/업데이트/삭제 후에 누군가가 데이터를 새로 고치는 가장 좋은 방법을 설명 할 수 있으며, 약속 대신 Observables를 사용해야 할 필요가 있습니까? 약속을 사용하는 것이 허용됩니까?

Observables에서 어떻게하면됩니까?

users.service

insertPromise(user : User) 
{ 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    let url = this.baseUrl; 

    return this.http.post(url, JSON.stringify(user),options)   
      .do(data=>console.log(JSON.stringify(data))) 
      .toPromise() 
      .then(this.extractPromiseData)   
      .catch(this.handleError); 
} 

insertObservable(user : User) { 

    this.usersService.insert(user) 
     .subscribe(
     resp => { 

     console.log(resp); 
     }, 
     error => this.errorMessage = <any>error); 
    } 

사용자 list.component은 (삽입 후 새로 고침 포함)

insert(user: User) 
{ 
    this.usersService.insertPromise(user) 
     .then(result=>console.log(result)) 
     .then(
      ()=>this.usersService.getAllUsers() 
      .then(
      users=> 

      this.users = users 

      ) 
      .catch(error=>console.log(error))   
      ) 
     .catch(error=>console.log(error)); 
} 

insertObservable(user: User) 
    { 

    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    let url = this.baseUrl; 

    return this.http.post(url, JSON.stringify(user),options) 
      .map((response: Response) => response.json()) 
      .do(data=>console.log(JSON.stringify(data))) 
      .catch(this.handleError); 
    } 

Answer 1

그것은 구현에 따라 달라집니다. 예를 들어 POST 요청에 대한 응답으로 새 사용자를 반환 한 다음이 사용자 데이터를 this.users에 넣을 수 있습니다. 또 다른 옵션은 성공한 후 전체 목록을 다시로드하는 것입니다. POST/PUT 첫 번째 방법은 HTTP 요청이 추가로 발생하지 않기 때문에 더 좋은 방법이라고 생각합니다. 코드 예 :