Angular2 Fehler beim Auflösen Promise: Geben Sie 'Promise <Hero[]>' ist nicht dem Typ 'Hero []' zuweisbar

Question

Aktualisiert.

Ich folge Angular2 Tutorial von https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

Hier ist der Aufruf von HeroService von heroes.component.ts,

Heroes.component.ts

import { Component , OnInit } from '@angular/core'; 

import { Hero } from './hero'; 

import { HeroService } from './hero.service'; 



@Component({ 
    selector: 'my-heroes', 
    template: ` 


     <h2>My Heroes</h2> 
     <ul class="heroes"> 
      <li *ngFor="let hero of heroes"> 
       <span class="badge">{{hero.id}}</span> {{hero.name}} 
      </li> 
     </ul> `, 

}) 

export class HeroesComponent 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(); 
    } 


} 

Und getHeroes () Anruf in HeroService geschrieben

HeroService.ts

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

@Injectable() 
export class HeroService{ 
    getHeroes() { 
     return Promise.resolve(HEROES); 
    } 
} 

ich die folgende Kompilierung Fehler:

Fehler TS2322: Typ 'Versprechen' ist nicht übertragbar 'Held []' eingeben. Eigenschaft 'Länge' fehlt im Typ 'Versprechen'.

Bitte vorschlagen.

Answer 1

Ändern heroes: Hero[];-heroes: any; behebt das Problem, aber die Konsole gibt einen Fehler, weil ngFor nur iterables unterstützt. Am Ende, der Code kompiliert und die App läuft, aber es gibt dieses kleine Problem, das ich störe.