角度2 * ngFor後

Question

を動作していないが、私のコンポーネントです：

import { Component } from 'angular2/core'; 

@Component({ 
    selector: 'test', 
    template: 
    ` 
     <ul > 
     <li *ngFor="let t of test"> 
     <span >{{t}}</span> 
     </li> 
     </ul> 
    ` 
}) 

export class TestComponent implements OnInit{ 
    test: string[]; 
    constructor(){ 
    this.test = ["Saab", "Volvo", "BMW"]; 
    } 
} 

私はコンポーネントをロードしようとすると、私は次のエラーを取得しています：

EXCEPTION: Template parse errors: 
    Can't bind to 'ngFor' since it isn't a known native property ("<ul > 
     <li [ERROR ->]*ngFor="let t of test"> 
      <span >{{t}}</span> 
     </li> 
    "): 

はまた、私は私かどうかわかりませんコンポーネントをインポートするときに '@ angle/core'または 'angular2/core'を使用する必要があります。

Answer 1

あなたのテンプレートは次のようになります。

<ul> 
    <li *ngFor="#t of test"> 
     <span >{{t}}</span> 
    </li> 
</ul> 

以降のバージョンでは、このよう：

<ul> 
    <li *ngFor="let t of test"> 
     <span>{{t}}</span> 
    </li> 
</ul> 

Answer 2

私は同様の現象を経験しました。問題は、HTMLにAngular 2の最小化バージョンを含めることでした。

それがそうであるならば、レッツを使用して角度

Answer 3

の最小化が解除ファイルをインクルードしてみてください、あなたがインポートたhaventため、問題が発生する可能性があります

<ul> 
 
    <li *ngFor = "let test of testArray">{{test}}</li> 
 
</ul>

Answer 4

私のための問題を解決しましたあなたの現在のモジュールに共通のモジュール を使用しています。あなたの現在のモジュールに

試し輸入

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

、問題が固定かどうかを確認します。

共通モジュールは、すべてのことができます:)