6

我正在尝试创建一个函数，它将汇总来自传入工厂的一些数字（以及实时来自客户端的一些数字），并将总和放在视图中。完全卡住了。

1 - 首先，我不明白如何在视图中显示在控制器函数中组装的变量。

所以假设我有类似的东西：

$scope.total = function() {
    var totalNumber = 0;

}

如何让 totalNumber 显示在视图中？

我假设在我得到这个之后，为了总结我的工厂数据：

var revenues = [
            { amount: 1254 },
            { amount: 1654 },
            { amount: 33 },
            { amount: 543 }

    ];

我将不得不做类似的事情：

 $scope.total = function() {
 var totalNumber = 0;
    for(i=0; i<revenues.length; i++){
      totalNumber = totalNumber + revenues[i].amount
    }

    }

它是否正确？如果我动态更改收入数组，它会实时更新吗？

4

3 回答 3

8

正如所承诺的，这是一种不同的方法。一个监视revenues集合并在每次更改时更新一个值：

<div ng-app ng-controller="SumCtrl">

  Total: {{total}}

  <input type="text" ng-model="newAmount" />
  <button ng-click="add(newAmount)">Add</button>

</div>

和 JavaScript：

function SumCtrl($scope) {

  function total() {
    var totalNumber = 0;
    for(var i=0; i<$scope.revenues.length; i++){
      totalNumber = totalNumber + $scope.revenues[i].amount
    }

    return totalNumber;
  }

  $scope.revenues = [
    { amount: 1254 },
    { amount: 1654 },
    { amount: 33 },
    { amount: 543 }
  ];

  $scope.add = function(value) {
    $scope.revenues.push({ amount: parseInt(value) });
  }

  $scope.$watchCollection("revenues", function() {
    $scope.total = total();
  });

}
于 2013-10-21T10:03:33.817 回答
0

有几种方法可以解决这个问题。如果你想要一个total()函数，它是这样的：

<div ng-app ng-controller="SumCtrl">

  Total: {{total()}}

  <input type="text" ng-model="newAmount" />
  <button ng-click="add(newAmount)">Add</button>

</div>

这是代码：

function SumCtrl($scope) {

  $scope.revenues = [
    { amount: 1254 },
    { amount: 1654 },
    { amount: 33 },
    { amount: 543 }
  ];

  $scope.total = function() {
    var totalNumber = 0;
    for(var i=0; i<$scope.revenues.length; i++){
      totalNumber = totalNumber + $scope.revenues[i].amount
    }

    return totalNumber;
  }

  $scope.add = function(value) {
    $scope.revenues.push({ amount: parseInt(value) });
  }

}

只要范围发生变化（很多），该total()函数就会重新评估。更好的方法是观察revenues静态值的变化并更新......我也会发布这个答案。

于 2013-10-21T09:59:11.717 回答
0

这是一个笨蛋

有不止一种方法可以做到这一点，并且您的控制器可能看起来会有所不同，具体取决于工厂数据的外观。

编辑：在我写作时，这里发布了几个很好的答案。这类似于布赖恩的第一种方法。

于 2013-10-21T10:16:02.653 回答