如何在有角度的html模板中使用“ for”循环语句？

Question

我在组件中定义了一个“组”变量。当group的值为3时，我在html模板中创建3列。详细信息如下：

class A{
    group = 3;
}

<th>first th</th>
<th>second th</th>
<th>third th</th>

如何在html模板中实现此功能？

Answer 1

尝试这样：

 <th *ngFor="let item of fakeArray(3);">...</th>

TS：

 fakeArray(length: number): Array<any> {
    if (length >= 0) {
      return new Array(length);
    }
  }

Answer 2

角度标记语言没有倒计时的“ for”循环。只需创建数组字段并通过ngFor对其进行迭代即可。

class A{
    columns = ['first', 'second', 'third'];
}


<th *ngFor="let c of columns">{{c}} th</th>