undefined 不是對象（評估 'this.http.get'）

Question

有人可以告訴我我在這里做錯了什么：

對不起，我覺得我瘋了 30 分鍾。

getChartData() {
  this.http
    .get('http://localhost:3001/transactions/' + sessionStorage.getItem('id'))
    .toPromise()
    .then((data: any) => {
      this.data = data;
    });
}

<button (click)="getChartData()">click</button>

錯誤 ：

TypeError: undefined is not an object (evaluating 'this.http.get')

Answer 1

你必須從你的函數中返回一些東西。 對於您當前的代碼示例，如果您將鼠標懸停在函數名稱上，您會看到它顯示為void 。

另外，我建議使用observables而不是promises ，Angular 大量使用

getChartData() {
   // return the HTTP response
   return this.http.get( 
     'http://localhost:3001/transactions/' 
       + sessionStorage.getItem('id'))
}

然后簡單地訂閱它以獲取響應

someFunction() {
   this.service.getChartData().subscribe((response) => console.log(response))
}