нг-если только срабатывает один раз

Question

сегодня я столкнулся со странным поведением в угловом приложении.

У нас есть массив, который мы заполняем в component.ts в nginit

for(let i = 0; i < 1; i++) {
    this.cluster[i] = [];
    for(let j = 0; j < 3; j++) {
       this.cluster[i][j] = false;
    }
}

в component.html мы используем цикл for для перебора массива

<div *ngFor="let col of cluster; let iCol = index" class="col-sm-4 offset-sm-2 col-md-4 offset-md-0">
    <div *ngFor="let row of col; let iRow = index">
       <div*ngIf="(cluster.length < 2 && cluster[0].length < 4)">
            <p>Test</p>
       </div>
    </div>
</div>

Если я не полностью неправ, мы должны получить 3 отпечатка "Test", но мы получим только 1.

Может кто-нибудь объяснить мне, где появляется ошибка. Заранее спасибо!

Answer 1

Вы забыли закрыть двойные кавычки.

используйте этот HTML-код

<div *ngFor="let col of cluster; let iCol = index" class="col-sm-4 offset-sm-2 col-md-4 offset-md-0">
    <div *ngFor="let row of col; let iRow = index">
       <div *ngIf="(cluster.length < 2 && cluster[0].length < 4)">
            <p>Test</p>
       </div>
    </div>
</div>