1

以下のように、Component クラスでオブジェクトの配列を定義しました。

deskCategories : Array<any>;
this.deskCategories = [
        {
            catLabel : 'Tools',
            catIcon : 'suitcase'
        },
        {
            catLabel : 'Accounts',
            catIcon : 'table'
        },
        {
            catLabel : 'File Manager',
            catIcon : 'file'
        },
        {
            catLabel : 'Stock',
            catIcon : 'cubes'
        }
     ];

そして、私のテンプレートでは、次のように ngFor で使用しようとしています:

<div class="column" *ngFor="let cat of deskCategories">
    <div class="ui center aligned container">
        <i class="huge {{cat.catIcon}} icon link"></i>
        <p>{{cat.catLabel}}</p>
    </div>
</div>

リストは正しく表示されますが、次のようなコンソール エラーが表示されます。

例外: ./DeskComponent クラス DeskComponent のエラー - インライン テンプレート:1:24 元の例外: TypeError: iterator1.next は関数ではありません

文字列の配列でうまく機能することに注意してください。不足しているものはありますか?どんな助けでも大歓迎です。ありがとう。

編集: Firefox と Chrome でのみこのエラーが発生します (Edge で正常に動作します!)

ngFor Angular 2 の使用エラー

4

1 に答える 1