2017-11-13 16 views
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) 
     } 
    } 

が、私はイベントを使用してみました::任意の[]が、同じエラーが発生しました

は、私は私のエラーは、このコードとは何かを持っていると思います。 私も、

+0

'this.route.snapshot.data ['events']'は配列を返しますか? – zgue

+0

はい、配列を返すはずです。 –

+0

'* eventsに' events:any [] 'を定義する必要があります。なぜなら' * ngForにはIterableが必要です。答えは – zgue

答えて

0

イベント配列を初期化し、確認がthis.route.snapshot.data['events']は、配列を返す作る使用してthis.eventsずにthis.route.snapshot.data [「イベント」]のように私のngOnInit()メソッドの何かにしようとした

events:any = []; 
関連する問題