ngFor-loopの現在の項目をイベントのコールバックに渡すにはどうすればいいですか？

Question

コンポーネントのテンプレートでngForループがあります：

@Component({ 
    template:' 
    <div *ngIf="List"> 
     <div *ngFor="let item of List" (click)="onSelect(item)"> 
     ... 
    </div> 
    </div> ' 
}) 
export class ListComponent implements OnInit { 
    List: MyCustomItem[]; 
    ngOnInit() { 
    //load List from server 
    } 

    onSelect(item: MyCustomItem) {...} 
} 

は、だから私は、ユーザーが要素をクリックすると、引数として必要なMyCustomItemインスタンスを渡すときにコールバックを呼び出すにonSelectたいです。しかし、このコードは動作しません（onSelectは未定義です）。どうしたらいいですか？

Answer 1

通常、サーバーからListデータを正しく取得している場合にのみ、このコードは機能するはずです。

"が未定義を得るONSELECT"：

をこれはあなたのリストが空であることを意味しています。リストサービスからデータを取得していることを確認してください。

コメントで示唆されているように、ngOnInit（）関数内のコードを投稿してトラブルシューティングを行うことができました。また、サービスを使用している場合は、サービスにコードを挿入してリストを取得します。