我的 html
文件中有此代码。我想显示一个方形游戏板,并在程序运行时更新 background-color
的 ng-style
。
<div class="row" ng-repeat="col in board">
<div class="column" ng-style="{'background-color': colour($parent.$index, $index)}" ng-repeat="row in col track by $index"></div>
</div>
现在,colour
函数仅返回一种颜色,board
的设置如下:
function setUp() {
$scope.board=[];
for (var i = 0; i < BOARD_SIZE; i++) {
$scope.board[i] = [];
for (var j = 0; j < BOARD_SIZE; j++) {
$scope.board[i][j] = false;
}
}
}
$scope.colour = function(col, row) {
return '#e6e6e6';
}
当我尝试运行它时,什么也没有显示。我希望它应该在屏幕上显示一个正方形。
最佳答案
你的内部div(你正在应用ng-style的那个)没有内容。因此,除非您添加内容或另外设置其宽度和高度,否则它不会显示。
关于javascript - ng-style 不工作/更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41557407/