1
私は、複数の角度からのチュートリアルに続いています。 エラー: 'object'タイプの異なるサポートオブジェクト '[object Object]'が見つかりません。
import { Component, OnInit} from '@angular/core';
import { EventService } from "./shared/event.service";
import { ToastrService } from '../common/toastr.service'
import { ActivatedRoute } from "@angular/router";
@Component({
selector:'events-list',
template:`
<div>
<h1> Upcoming Angular 2 Events </h1>
<hr/>
<div class="row">
<div *ngFor="let event of events" class="col-md-5">
<event-thumbnail (click)="handleThumbnailClick(event.name)" [event] = "event"> </event-thumbnail>
</div>
</div>
</div>
`
})
export class EventListComponent implements OnInit{
events:any
constructor(private eventService:EventService, private toastr:ToastrService, private route:ActivatedRoute) {
}
ngOnInit() {
this.events = this.route.snapshot.data['events']
}
handleThumbnailClick(eventName)
{
this.toastr.success(eventName)
}
}
が、私はイベントを使用してみました::任意の[]が、同じエラーが発生しました
は、私は私のエラーは、このコードとは何かを持っていると思います。 私も、
'this.route.snapshot.data ['events']'は配列を返しますか? – zgue
はい、配列を返すはずです。 –
'* eventsに' events:any [] 'を定義する必要があります。なぜなら' * ngForにはIterableが必要です。答えは – zgue