angularjs - 错误 : Property 'then' does not exist on type 'Hero[]'

app.component.ts 文件

import { Component, OnInit } from '@angular/core';
import { Hero } from './hero';
import { HeroService } from './hero.service';

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

export class AppComponent implements OnInit{
  title = 'Tour of Heroes';
  heroes : Hero[ ];
  selectedHero : Hero;
  constructor(private heroService: HeroService) { }
      getHeroes(): void {
     this.heroService.getHeroes().then(heroes => this.heroes = heroes);
  };
    ngOnInit(): void {
    this.getHeroes();
  };
    onSelect(hero: Hero): void{
    this.selectedHero = hero;
  };
}

hero.service.ts

import { Injectable } from '@angular/core';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';

@Injectable()
export class HeroService {

    getHeroes(): Promise<Hero[]> {
        return Promise.resolve(HEROES);
    }
}

如何解决此错误？

最佳答案

您的 this.heroService.getHeroes() 方法返回一个已解决的 promise 。

它应该是

this.heroes = this.heroService.getHeroes();

关于angularjs - 错误 : Property 'then' does not exist on type 'Hero[]' ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43886460/