Angular js GUI не обновляется

Question

У меня есть таблица HTML, где я меняю цвет фона каждой ячейки с помощью директивы ng-class.

По какой-то причине цвета ячейки не обновляются, если я не делаю что-то вроде изменения размера браузера.

Я не уверен, что не так.

Интересно, это как-то связано с тем фактом, что HTML-страница также использует такие вещи, как jquery, которые могут мешать вещам.

Уже пробовал несколько вещей, таких как scope.$ Apply или scope.$ Digest в ряде мест, которые, кажется, не имеют никакого эффекта.

Кажется, это происходит, когда я использую контекстное меню на

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

После того, как я использую контекстное меню, представленное здесь, таблица перестает корректно отображаться, пока я не изменю размер браузера

Спасибо

Answer 1

Не так много, чтобы пройти мимо, я вместо этого сделал вам красивый стол. Используй это, и девочки сойдут с ума

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();
});

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

<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>