html - int中每个数字的Angular4 : How do I *ngFor,？

Question

我的组件中有一个名为“count”的 int 属性。

我想显示 p 标签 X 次，其中 X 是我的计数属性等于的整数。除了弄乱假数组之外，真的没有简单的方法可以做到这一点吗？

Answer 1

您可以使用管道过滤器轻松地做到这一点，它根据过滤器参数 = 数字将一个空数组转换为多个子数组。

管道过滤器

import { Pipe, PipeTransform } from '@angular/core';  

@Pipe({  
    name: 'range',  
    pure: false  
})  

export class RangePipe implements PipeTransform {  
    transform(items: any[], quantity: number): any {  
      items.length = 0;
      for (let i = 0; i < quantity; i++) {
        items.push(i);
      }
      return items;
    }  
}  

查看

<div *ngFor="let n of [] | range:100"></div>