javascript - 创建二维视图

Question

hallPlace: string[] = [];

// I initialize array default data here
for(let i=0; i<160; i++) {
    if(i%5===0) {
        this.hallPlace[i] = 1
    } else {
        this.hallPlace[i] = 0;
    }
}

我想在一行中显示二十个元素

<ul>
    <li *ngFor="let place of hallPlace; let i = index">
        <span>{{place[i]}}</span>
        <br *ngIf="i%20 ===0" >
    </li>
</ul>  

但它只显示数组中的第一个元素，其余元素被隐藏。有没有更好的方法来显示数据，因为容器包含行和列？

标签： javascripthtmlangular

Answer 1

您可以尝试遍历像这样的二维数组

 <ul>
      <li *ngFor="let place of hallPlace; let i = index">
        <li *ngFor="let spot of place; let j = index">
          <span>{{place[i][j]}}</span>
        </li>
      </li>
  </ul>