角2 * ngの構文

Question

私の主な問題は、特定の回数回ループしようとしていましたが、ngForは「#item of [1, 2, ..., n]」のような配列しか受け付けないので、項目だけを使ってループする正しい方法は何ですか？ （1からnだけの番号を持つ無駄な配列を作成することなく）カウント？

ので、私は構文に、より読み始め、その後、私はあることに気づい：

• *ngFor="#item of items;
• *ngFor="#item in items;

ので、「中」と「の」の違いは何ですかユースケースは何ですか？私の元のケースとは何か関係がありますか？

ありがとうございます。

Answer 1

あなたがofを使用する必要が全く

*ngFor="#item in items; 

はありません。 初期のバージョンではinを必要とが、彼らはそれが配列の上に

*ngFor="let item of items; ..." 

現在ngForだけを反復処理する必要がありますhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/for...of

に準拠するように、それを変更しました。

Answer 2

ofは、#itemのitemsコレクションの各要素を指します。 #itemは、*ngForによってレンダリングされた各要素に対して作成されたローカル変数です。

in Angular1バージョンには、Angular2 ngFor構文ではサポートされていません。

Answer 3

この変更はES6角度の構文と似ています。角度2.0で同様ES6で 、

for (var v of arr){ 
    console.log(v); // it will return value (not key like in for...in) 
} 

それらは同じ構文に従いました。

*ngFor="#item of items; 

は値を返します。

inは、角度1にあり、これは、for(var i in arr)に似ていた。角度2.0ではこれ以上サポートされません