Question

我有一个HTML表格，我使用ng-class指令更改每个单元格的背景颜色。

由于某种原因，单元格的颜色不会更新，除非我做了像调整浏览器大小的操作。

我不确定出了什么问题。

想知道它与html页面也使用诸如jquery之类的东西有关，这可能会干扰事情。

已经尝试了很多东西，例如范围。$ apply或scope。$ digest 在一些似乎没有影响的地方。

当我使用

中提供的上下文菜单时，似乎会发生这种情况

http://ngmodules.org/modules/bp-ngContextMenu

使用此处提供的上下文菜单后，除非我调整浏览器的大小，否则表格不再正确呈现

由于

Answer 1

经过不多的时间，我让你成了一张漂亮的桌子。使用它，女孩们会疯狂：

＆＃13;

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.shades = [];
    $scope.shadeSquares = [];
    var init = function () {
        for (var i = 1; i < 30; i++)
        {
            if (i%2==0)
            {
                $scope.shadeSquares.push(i);
            }
            var shade = Math.floor((i/30) * 256);
            $scope.shades.push("rgb(64, 128, "+shade+")");
        }
    };
    init();
});

＆＃13;

td {
    height: 10px;
    width: 10px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
    <table>
        <tr ng-repeat="y in shadeSquares">
            <td ng-repeat="x in shadeSquares" ng-style="{'background-color':shades[$index + $parent.$index]}">
            </td>
        </tr>
    </table>
</div>

＆＃13;

Angular js GUI没有更新

1 个答案: