2016-10-30 6 views
31

私はAngular2の最終リリース(2.1.0)を使用しています。私は会社のリストを表示したいとき、私はこのエラーを持っています。'ngForOf'は 'tr'(最終リリース)の既知のプロパティではないため、バインドできません。

file.component.tsに:

public companies: any[] = [ 
    { "id": 0, "name": "Available" }, 
    { "id": 1, "name": "Ready" }, 
    { "id": 2, "name": "Started" } 
]; 

file.component.html中:それはそうでない場合は、CommonModuleルートモジュールの場合

<tbody> 
    <tr *ngFor="let item of companies; let i =index"> 
    <td>{{i}}</td> 
    <td>{{item.name}}</td> 
    </tr> 
</tbody> 

答えて

63

@NgModule()imports: []BrowserModuleを追加します。あなたはngFor、ngIfのように、これらのビルトインのディレクティブを使用しているコンポーネントに「CommonModule」をインポートする必要がありますが、独自のモジュールを作っている場合は、独自のモジュールに輸入に

+0

私は既に 'BrowserModule'を追加しました –

+0

あなたの唯一のモジュールですか、それとも複数持っていますか? 'BrowserModule'はルートモジュール専用です。 –

+0

Plunkerで再現できますか? (Plunkerはすぐに使用できるAngular2 TSテンプレートを提供します)。 –

1

私の場合など

import { CommonModule } from "@angular/common"; 


@NgModule({ 
    imports: [ 
    CommonModule 
    ] 
}) 

export class ProductModule { } 
+0

CommonModuleを追加すると、私のために働いた あなたの答えを改善してください。共有ステップも同様 –

3

をCommonModuleを追加

import {CommonModule} from '@angular/common'; 
.. 
.. 
@NgModule({ 
    imports: [BrowserModule, /* or CommonModule */], 
    .. 
}) 
+0

良いCommonModuleが私のために働いた –

1

、問題は私のチームメイトではなく*ngForのテンプレートに*ngforを述べたということでした。奇妙なことに、この問題を処理する正しいエラーはありません(角度4)。

+0

aargh、ありがとう、私はこれを最初に読んでほしい – Lance

関連する問題