javascript - 如何改变div的颜色

Question

我正在用 angular.js 和 html 开发一个应用程序，我卡在了一个地方

顶部有一个下拉菜单，在更改下拉菜单时我想更改某些单元格的背景颜色，如图像中给出的那样。

这是我的代码片段:

HTML 页面

<div class="row">
        <div class="col col1" style="-webkit-box-shadow: 0 0 20px 0px #999;background-color: #11c1f3;text-align: center;">
            <h3 style="color: white">Time Slot</h3>
        </div>
        <div class="col col1" ng-repeat="time in timeArray" style="background-color: #e0e0e0;text-align: center">
            {{time}}
        </div>
    </div>
    <!-- <div id="selectedDateRange"> -->
    <div class="row" ng-repeat="(dateindex, date) in dateArray">
        <div class="col col1" style="-webkit-box-shadow: 0 0 20px 0px #999;background-color: #11c1f3;text-align: center;">
            <h3 style="color: white">{{date}}</h3>
        </div>
        <div class="col col1" ng-repeat="(timeindex, time) in timeArray" ng-click="selectCell(dateindex, timeindex)" ng-class="{'selected': selectedCell[0] == dateindex && selectedCell[1] == timeindex}"></div>
    </div>

controller.js 代码

Here is the click event of dropdown change:

    $(function () {
            $('#seldate').change(function () {

            //Here i want to change color of cell located in 1st row and 1st column
           //also i want to change color of cell located in 2nd row and 2nd column
           })

         })

如何更改单元格的背景颜色？

请提前帮助并感谢!!

Answer 1

在你的 ng-repeat 中使用 track by $index

然后在单元格的样式里面类似

颜色:$index === 1 ? “红色”:“绿色”

或者使用ng-style