使用Angular 2,我想在模板中多次复制一条线.迭代一个对象很容易,*ngFor="let object of objects"次.然而,我想运行一个简单的for循环,而不是foreach循环.比如(伪代码):

{for i = 0; i < 5; i++}
  <li>Something</li>
{endfor}

我该怎么做?

推荐答案

如果将int传递给Array构造函数,然后通过ngFor对其进行迭代,则可以使用给定数量的条目实例化空array.

In your component code :

export class ForLoop {
  fakeArray = new Array(12);
}

In your template :

<ul>
  <li *ngFor="let a of fakeArray; let index = index">Something {{ index }}</li>
</ul>

索引属性为您提供迭代编号.

Live version

Angular相关问答推荐

将kendo—colorpicker的kendo弹出窗口附加到组件''

如何在ANGLING v17中使用鞋带样式组件?

仅在展示时使用垫式步进器

Angular 16独立依赖注入问题

JsPDF Autotable 将图像添加到列中出现错误:属性getElementsByTagName不存在

Nx Angular Monorepo 中 cypress 组件测试的代码覆盖率?

无法使用@ngrx/component-store 在其他组件中获取状态更改值

如何在本地处理错误并跳过 Angular HTTP 拦截器?

如何使用 Angular 12 material 验证密码和确认密码?

Angular 2模板驱动表单访问组件中的ngForm

带有 Angular 2 的 Django

Angular 2: Debounce(ngModelChange)?

Angular CLI 自定义 webpack 配置

相对于根目录的 SCSS 导入

visibility:hidden

Angular为 4 的可扩展表格行,带有Angularmaterial

Mat-autocomplete - 如何访问选定的选项?

找不到模块angular2/core

如何在 Angular cli 项目中包含来自 node_modules 的assets

如何使用formControlName和处理嵌套的formGroup?