1
更新されました。私はここで https://angular.io/docs/ts/latest/tutorial/toh-pt4.htmlプロミスを解決する際のAngular2エラー：タイプ 'Promise <Hero[]>'は 'Hero []'タイプに割り当てられません
からAngular2チュートリアルに続いています
は、
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();
}
}
そしてgetHeroes Heroes.component.ts（
heroes.component.tsからHeroServiceの呼び出しです）コールはHeroServiceで書かれました
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);
}
}
私は、次のコンパイル時のエラーを取得：
エラーをTS2322：タイプ '約束は' 'ヒーロー[]' 型に代入できません。 プロパティ '長さ'が 'Promise'タイプにありません。
お勧めします。
2つの機能を持っている場所の完全な「コンポーネント」コードを表示できますか？チュートリアルのそのページで – borislemke
のコードブロックに記載されていないものは除外することができます。ヒーローサービスでモックヒーローをインポートする必要があります。正しくインポートしましたか？ './mock-heroes 'から' {HEROES}をインポートします; そしてもちろんmoch-heroes with heroのリストを定義してください – quirimmo
完全なエラー行を指定できますか？ファイルと行番号を記述する必要があります。疑いがありますが、回線番号がわかります。行番号がエラーの中で指しているあなたの質問のどの行を教えてください – borislemke