Angular 5 : Property 'then' does not exist on type 'Observable'

Question

我收到此错误消息“[ts] ‘Observable’ 类型上不存在属性‘then’。”，如何解决？

这是我的组件:

  getUsers(){
    this.authService.getUsers().then((res) => {
      this.user = res;
      console.log(this.user);
    },(err) => {
      console.log(err);
    });
  }

这是我的服务:

 getUsers(){
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    return this.http.get('http://192.168.100.6:3000/users/data-tracer', {headers: headers})
    .map(res => res.json());
  }

Answer 1

您可以在 Promise 对象上调用 then，因此因为您的服务返回一个 Obaservable 对象，您需要转换为一个 Promise 使用 toPromise() 方法并使用 catch 方法以这种方式管理错误:

getUsers(){
    this.authService.getUsers()
    .toPromise()
    .then((res) => {
      this.user = res;
      console.log(this.user);
    })
    .catch(err=> { console.log(err) });
  }

在这里你可以看到一个DEMO .就这样。