基於ng-repeat中的值的角度增加范圍值

Question

我想通過使用ng-repeat中的值來增加$ scope中的值量。 我想知道這是否可能。

我有以下

<div ng-repeat="field in selected.inhoud.fields">
  <p>Veldnaam: {{field.title}}</p>
  <p>Grootte in %:
    <input type="range" min="10" max="80" ng-model="field.width" ngvalue="field.width" />
  </p>
</div>

我想獲取所有field.width的總寬度。

謝謝

Answer 1

您可以創建一個傳遞參數的函數（在此example $ index中）並進行所需的任何計算。

<div ng-repeat="field in selected.inhoud.fields">
        <p>Veldnaam: {{field.title}}</p>
        <p>Grootte in %: {{ calculateValue($index) }}
           <input type="range" min="10" max="80" ng-model="field.width" ngvalue="field.width"/>
        </p>
    </div>

var app = angular.module('angularjs-app', []);
app.controller('MainCtrl', function($scope) {

  $scope.data.calculateValue = function(index){
     console.log('some value:'+index*.1);
     $scope.increment += index; 
  }; 

  console.log($scope.increment);
});