要按照项目数量进行循环,可以使用*ngFor指令结合数组长度来实现。以下是一个示例代码:
在组件类中定义一个包含项目的数组:
export class AppComponent {
projects = ['项目1', '项目2', '项目3', '项目4'];
}
在HTML模板中使用*ngFor指令循环项目数组,并在循环中显示每个项目:
- {{ project }}
在上述示例中,*ngFor指令会遍历projects数组,并将每个项目存储在project变量中。然后,通过插值表达式{{ project }}将每个项目显示为li元素的文本内容。
这样,循环将根据项目数组的长度自动生成相应数量的li元素,每个li元素都包含一个项目的文本内容。
请注意,在实际应用中,你可以根据需要调整数组的内容和结构,以适应特定的项目循环需求。