Javascript 如何更改表格单元格的颜色

我的站点中有一个表，我想更改每行上单个单元格的颜色，如图所示：

到目前为止，这是我在html上的代码

       <table class="table table-hover table-bordered">
        <thead>
          <tr>
            <th style="text-align: center;" colspan="29">DESTINO</th>
          </tr>
          <tr>
            <th *ngFor="let val of table_headers">{{val}}</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let val of array">
            <td *ngFor="let item of val">{{item}}</td>
          </tr>
        </tbody>
      </table>

德斯蒂诺
{{val}}
{{item}}

我看到您正在使用Angular*ngFor指令。您可以跟踪索引，并向对角线上的所有单元格添加一个类

{{item}}

。彩色{
背景颜色：绿色；
}

此代码示例将为您提供一个想法

function filterOddNumbers(integers){
      let oddOne = integers.filter((item) => Math.abs(item) % 2 === 1);
      let odderOne = integers.filter((item) => Math.abs(item) % 2 === 0);
    if (oddOne.length > 1) {
      return odderOne[0];
    }
    else {
      return oddOne[0];
    }
    }

  filterOddNumbers([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]); 

---

工作很好的人谢谢，但你能再帮我一个忙吗？？我需要将单元格着色到现在正在着色的单元格的右边，它在我真正需要的单元格之前着色，我试着放一个let I=index+1，但没有这样做编辑条件如下：

{{item}}

谢谢，我在这里尝试了很多东西，但不是那个，谢谢