如何在 ion-col 中更改 div 的背景颜色？

Question

如何更改 ion-col 中 div 的背景颜色？ 我想根据 patternXY[i][j] 的值设置每个 ion-col 的颜色，我尝试使用下面的代码，但它不起作用。

.ts

   patternXY = []
   patRowY = 50
   patRowX = 30
   ... 
   for(let y = 0; y < this.patRowY; y++) {
      let rowY = []
      for(let x = 0; x< this.patColX; x++){
        rowY.push(0)
      }
      this.patternXY.push(rowY);
    }

.html

<ion-grid >
  <ion-row *ngFor="let item of patternXY; index as i">
    <ion-col *ngFor="let item of patternXY[i]; index as j">
      <div *ngIf ="patternXY[i][j] == 0" class="bgcolor_default"></div>
    </ion-col>
  </ion-row>
</ion-grid>

.scss

.bgcolor_default {
  //background: #cdcfd6;
  background-color: #ff1a1a;
}