如何使用Angular 6动态创建HTML表

Question

我有一个数组，里面有100个项目。我想在我的html页面中将此数组呈现为html表10x10（10 tr，每个tr具有10 td）。我怎样才能做到有角度呢？

'=>'

Answer 1

this.tableIndex = [];

for (let _i = 0; _i < 10; _i++) {
    let tmp = [];

    for (let _j = 1; _j <= 10; _j++) {
        tmp.push(_i * 10 + _j);
      }

        this.tableIndex.push({
           subArray: tmp
        });
   }


   <div *ngFor=“let row of tableIndex”>
           <div *ngFor=“let col of row.subArray”>
                   {{col}}
           </div>
   </div>