Question

我正在尝试迭代特定时间的for循环（角度2.0.0-rc.4）。对于前者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>

Angular2：迭代* ng特定时间[错误：NgFor仅支持绑定到Iterables，例如Arrays。 ]

1 个答案: