Angular 2 *ngFor语法

15 浏览
0 Comments

Angular 2 *ngFor语法

这个问题已经有了答案: Angular异常:无法绑定到\'ngForIn\',因为它不是一个已知的本地属性

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

所以我开始更深入地阅读语法,然后我注意到有以下内容:

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

那么\" in \"和\" of \"之间有什么区别,它们的使用情况是什么?与我的原始情况有关吗?

谢谢提前。

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

of指的是items集合中的每个元素，其中元素为#item。 #item是由*ngFor呈现的每个元素创建的局部变量。

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

0
0 Comments

没有

*ngFor="#item in items;

你必须使用 of。
早期版本需要 in，但他们改成符合https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/for...of的规范。

应该是这样的

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

目前 ngFor 只能迭代数组。

0