AngularJS - 複数のjsonオブジェクト配列をループする

Question

1回のng-clickで複数のjsonオブジェクト配列をループしたいと思います。

例 - 次Plunkerを参照してください。 https://plnkr.co/edit/7P4Oha5OdfTC5wndUebE?p=preview

私は私の青い数字（とにかくどの項目）の一つになりましたクリックすると、それはすべての項目については、次のいずれかに変更する必要があります。現時点では、他の項目は消えます。

最後に、すべてのアイテムは、クリックすると常に同じ数値値を持つ必要があります。

どうすればいいですか？ご協力いただきありがとうございます...あなたがオブジェクトのインデックスを使用して、データオブジェクトの配列を変更しようとしている

(function() { 
    'use strict'; 

    angular 
     .module('app', []) 
     .controller('myctrl', myctrl); 

    function myctrl($scope, $http) { 
     $http.get("data.json") 
      .success(function (data) { 
       $scope.data = data; 
       $scope.nbr = 0; 
      }); 

     $scope.next = function (dataId, nbr) { 
      $scope.nbr = ($scope.nbr + 1) % $scope.data.data[dataId].numbers.length; 
     }; 

     $scope.change = function (dataId, nbr) { 
      $scope.data.data[dataId].numbers[nbr].bench = $scope.data.data[dataId].numbers[nbr].number1 + 
       $scope.data.data[dataId].numbers[nbr].number2 + 
       $scope.data.data[dataId].numbers[nbr].number3; 
     } 
    } 
})(); 

Answer 1

あなたの問題のID。

$scope.change = function(dataId, nbr) { 

     $scope.data.data[dataId].numbers[nbr].bench =  $scope.data.data[dataId].numbers[nbr].number1 + 
                  $scope.data.data[dataId].numbers[nbr].number2 + 
                  $scope.data.data[dataId].numbers[nbr].number3; 
    } 

いずれかのリンク（）およびchange（）をクリックすると、これらの機能が起動されます。

次関数は、インデックスパスとNBR値に基づいて、ベンチプロパティを更新

0から1

に変更機能をNBRの値を変更します。

リンクをクリックすると、最初のリンクと2番目のリンクに基づいてインデックス0または1が渡されます。変更機能は、このインデックスによってアクセスされるオブジェクトのみを更新します。$ scope.data.data [dataId]

ここで問題は、配列が単一のオブジェクトに対して更新されますが、両方のリンクでnbrの値が変更されることです。

他のオブジェクトのベンチプロパティが他のインデックスにないため、空白が表示されます。 https://plnkr.co/edit/fGtpjmbrY5bcmC8VgF5R?p=preview