Создать двухмерный вид

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>  

Но он отображает только первый элемент в массиве, остальные элементы скрыты. Есть ли лучший способ отображения данных, поскольку контейнер содержит строки и столбцы?

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>