Angular中的ngFor指令用于循环遍历数组并生成相应的HTML元素。下面是一个使用ngFor指令的代码示例:
export class MyComponent {
myArray: string[] = ['item1', 'item2', 'item3'];
}
- {{ item }}
在上述代码中,ngFor指令用于循环遍历myArray数组,并生成一个包含数组元素的li元素。每个li元素中显示的内容通过插值表达式{{ item }}来获取。
- {{ item }}
在上述代码中,只有当数组元素不等于'item2'时,才会生成li元素。
- {{ i + 1 }}. {{ item }}
在上述代码中,使用let i = index语法将当前循环的索引存储在变量i中,并使用插值表达式显示索引值。
这就是使用Angular中的ngFor指令循环遍历数组的基本示例。你可以根据自己的需求进行更多的定制和扩展。