角JS GUI不更新

Question

我有一個HTML表，其中我使用納克級的指令改變每個單元的背景色。

出於某種原因，電池的顏色不更新，除非我做類似調整瀏覽器。

我不確定什麼是錯的。

不知道它有什麼做的html頁面也使用的東西，如jQuery的可能的事情干擾的事實。

已經嘗試了一些東西，如範圍$ 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>