TypeScript：键入错误时使用get（）-方法从HttpClient和订阅它

Question

在我的Angular应用程序中，我建立了一个服务，它从MongoDB获取一些数据作为json数组。这是我的服务代码：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';


@Injectable()
export class IdeaServiceService {

  private _getURL = '/api/1.0.0/ideas';

  constructor(private _http: HttpClient) { }

  getIdeas() {
    return this._http.get(this._getURL).map((response: Response) => response.json());
  }

}

在另一个组件中，我尝试订阅此服务，并将获取的数据存储到Idea数组（我建立的相应类）中。这是相应的代码：

import { Component, OnInit } from '@angular/core';
import {Idea} from '../idea';
import {IdeaServiceService} from '../idea-service.service';

@Component({
  selector: 'app-ideas-overview',
  templateUrl: './ideas-overview.component.html',
  styleUrls: ['./ideas-overview.component.css'],
  providers: [IdeaServiceService]
})

export class IdeasOverviewComponent implements OnInit {

  ideas: Array<Idea>;

  constructor(private _ideaService: IdeaServiceService) { }

  ngOnInit() {
    this._ideaService.getIdeas().subscribe(resIdeaData => this.ideas = resIdeaData);
  }
}

现在出现以下类型错误：

错误：（19,59）TS2322：类型'Promise'不能分配给类型'idea[]'。在类型Promise中缺少属性包括。

非常感谢您的支持！

Answer 1

回答json（）返回一个promise，而不是等待的普通数组。因此，除此之外，还必须使用then（）：

ngOnInit() {
    this._ideaService.getIdeas().subscribe(jsonPromise => {
       jsonPromise.then(resIdeaData => {
          this.ideas = resIdeaData;
       });
    });
}