angular - Angular2：迭代 *ngfor 特定时间 [错误：NgFor 仅支持绑定到可迭代对象，例如数组。]

Question

我正在尝试在特定时间（角度 2.0.0-rc.4）迭代一个 for 循环。例如。5次或10次..

home.component.html ：

   {{arr_length}} //printing 10 i.e. I have specified in home.component.ts

        <tr *ngFor="let i of arr_length ; let ind = index">
            <td>
               //code goes here...
            </td>
        </tr>

但是在*ngFor中它会抛出错误：NgFor only supports binding to Iterables such as Arrays.

我是角度的新手。任何帮助，将不胜感激。

home.component.ts ：

import { Component } from '@angular/core';
@Component({
  selector: 'home',
  templateUrl: '../templates/home.component.html',
  directives: [],
  providers: []
})
export class HomeComponent
{
    arr_length: number;
    constructor() 
    {
        this.arr_length = 10;
    }
}

Answer 1

您正在迭代一个数字。我认为您想遍历数组，因此从您的组件将绑定更改为仅元素数组而不是长度。如果你只想循环 n 次。您可以创建 n 个数字的数组。并遍历该数组。这是在您的组件上循环 10x 的示例：

 export class HomeComponent
    {
        arr_length;
        constructor() 
        {
            this.arr_length = Array(10).fill().map((x,i)=>i);;
        }
    }

在您的模板上

 <tr *ngFor="#number of arr_length">
       <td>
            //code goes here...
      </td>
</tr>