angular2 http解決約束

Question

おやすみなさい

私はangular2に入ってみようとしています。

サービス：

getProject(id: number): any { 
    var url = this.ProjectsUrl + '/'+ id; 
    return this.http.get(url) 
     .toPromise() 
     .then(response => { 
     console.log(response.json().data as Project); 
     }) 
     .catch(this.handleError); 
    } 

コンポーネント：

getProject(id:number){ 
     this.projectService 
     .getProject(id) 
     .then(project => this.project = project); 
    } 

ngOnInit（）

ngOnInit() { 
    this.sub = this.route.params.subscribe(params => { 
     this.getCustomers(); 
     console.log('b4 getProj') 
     this.getProject(+params["id"]); 
     console.log('after getProj') 
    }); 
    } 

出力：

b4 getProj 
after getProj 
Object { Project } 

私は約束がなぜ解決されないのか理解できませんか？任意のヒント？

Answer 1

私は、これはあなたが望むものであると思います：Angular2と

getProject(id:number){ 
    return this.projectService // <<<=== added return 
     .getProject(id) 
     .then(project => this.project = project); 
    } 

    ngOnInit() { 
    this.sub = this.route.params.subscribe(params => { 
     this.getCustomers(); 
     console.log('b4 getProj') 
     this.getProject(+params["id"]) 
     .then(_ => console.log('after getProj')); // <<<=== changed 
    }); 
    } 

Answer 2

一つの良いところは、約束の場所で観測への支援です。あなたは、コードの下に約束の場所で観測を使用したい場合に使用することができます念の

：

サービス：

getProject(id: number): any { 
    var url = this.ProjectsUrl + '/'+ id; 
    return this.http.get(url) 
     .map(response => { 
     response.json().data as Project; 
     }) 
     .catch(this.handleError); 
    } 

はコンポーネント：

getProject(id:number){ 
      this.projectService 
      .getProject(id) 
      .subscribe(project => { 
      this.project = project 
      }); 
     } 

私はこれが役に立てば幸い。

ちょうどあなたのサービスでは、次の宣言を追加することを忘れないでください：

import { Observable } from 'rxjs';