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

我想这是你想要什么：

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

一个与Angular2好处是它的可观支持到位承诺。

以防万一，如果你想在地方的承诺，然后在下面的代码中使用的观测量，可以用：

服务：

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';