Table 与 Angular 绑定
Table binding with Angular
我正在尝试使 table 页脚自动更新,但是当 $scope 值更新时,ng-repeat 甚至常规的双括号似乎都不会自动绑定。
https://jsfiddle.net/r0pk793e/3/
具体来说,我正在设置值 $scope.hello 并在 table 更新时(当用户更改 table 单元格中的值时)递增它。虽然我可以看到值发生变化,但它并没有重新绑定到 HTML.
我相信这个 table 应该通过以下函数更新,但它不是...
<table class="tg">
<tr>
<td class="tg-yw4l" ng-repeat="item in items">{{item}}</td>
</tr>
</table>
$scope.hello 确实发生了变化,如 console.log($scope.hello);
所示
var doUpdate = function () {
var items = [];
for (var c = 0; c < headings.length; c++) {
if (typeof (hot.getDataAtCell(0, c)) == "number") {
var levelTotal = 0;
var i = 0;
do {
levelTotal += hot.getDataAtCell(i, c);
i++;
} while (hot.getDataAtCell(i, c) != null);
items.push(levelTotal);
}
else
{
items.push(' ');
}
}
$scope.items = items;
$scope.hello = $scope.hello + 1;
console.log($scope.hello);
}
当我测试你的 fiddle 时,一切都更新了
无论如何,如果仍然无法正常工作,请调用 $scope.$apply();更新你的价值观后,你会看到奇迹发生。
我正在尝试使 table 页脚自动更新,但是当 $scope 值更新时,ng-repeat 甚至常规的双括号似乎都不会自动绑定。
https://jsfiddle.net/r0pk793e/3/
具体来说,我正在设置值 $scope.hello 并在 table 更新时(当用户更改 table 单元格中的值时)递增它。虽然我可以看到值发生变化,但它并没有重新绑定到 HTML.
我相信这个 table 应该通过以下函数更新,但它不是...
<table class="tg">
<tr>
<td class="tg-yw4l" ng-repeat="item in items">{{item}}</td>
</tr>
</table>
$scope.hello 确实发生了变化,如 console.log($scope.hello);
var doUpdate = function () {
var items = [];
for (var c = 0; c < headings.length; c++) {
if (typeof (hot.getDataAtCell(0, c)) == "number") {
var levelTotal = 0;
var i = 0;
do {
levelTotal += hot.getDataAtCell(i, c);
i++;
} while (hot.getDataAtCell(i, c) != null);
items.push(levelTotal);
}
else
{
items.push(' ');
}
}
$scope.items = items;
$scope.hello = $scope.hello + 1;
console.log($scope.hello);
}
当我测试你的 fiddle 时,一切都更新了
无论如何,如果仍然无法正常工作,请调用 $scope.$apply();更新你的价值观后,你会看到奇迹发生。