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();更新你的价值观后,你会看到奇迹发生。