Angular 2 *ngFor 语法

Question

我的主要问题是尝试循环一定次数比方说 n，但是 ngFor 只接受数组，例如：“#item of [1, 2, ..., n]”，那么正确的方法是什么仅使用项目计数循环（不创建只有数字 1 到 n 的无用数组）？

所以我开始阅读更多语法，然后我注意到有：

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

那么 "in" 和 "of" 有什么区别，有哪些用例？和我的原案有关系吗？

提前致谢。

Answer 1

没有

*ngFor="#item in items;

你必须使用 of。 早期版本需要 in 但他们将其更改为符合 https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/for...of

应该是

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

目前ngFor只能遍历数组。

Answer 2

of 确实引用了 items 集合中的每个元素，即 #item。 #item 是为 *ngFor 呈现的每个元素创建的局部变量。

in 在 Angular 1 版本中存在，在 Angular2 ngFor 语法中不受支持。

Answer 3

为了与 ES6 的语法相似 angular 进行了此更改。 在 ES6 中，

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

与 Angular 2.0 类似，它们遵循相同的语法。

*ngFor="#item of items;

将 return 个值。

in 在 angular 1 中，与 for(var i in arr) 相似。但在 angular 2.0

中不再受支持