ユーザーの選択に応じて別のJSONを選択してください

Question

私は現在、最初のAngularJSウェブサイトを構築しています。目標は簡単ですが、私は異なるデータを含む複数のJSONファイルを持っていますが、ファイルは同じ「スケルトン」を持っています。ユーザーの選択に従ってデータを表示したいのですが。

例：ユーザーが「アイスクリーム」を選択すると、ページにすべてのアイスクリームフレーバーが表示されます。どのように私は単にAngularJSにロードするには、いくつかのJSONファイルを処理することができる

angular.module('webBIFStatistics', []).controller('statsController', function($scope, $http) { 
    $http.get('../app/sources/data.json').success(function(data) { 
    $scope.variables = data; 
    }); 
}); 

：今、私は一つだけのJSONファイルを読み込んだために

？

150以上の異なるファイルを読み込む必要があることに注意してください。

Answer 1

多分このようなものです。ビューのデータバインディングには、同じキーペア名または位置に基づく直接ルックアップが必要です。例えばデータ[キー] .itemNameやデータ[キー] [1]

angular.module('webBIFStatistics', []).controller('statsController', function($scope, $http, target) { 
    var finalTarget = '../app/sources/'+ target; 
    $http.get(finalTarget).success(function(data) { 
    $scope.variables = data; 
    }); 
}); 

Answer 2

は、ユーザが選択される変数を定義し、この変数を使用してAPI呼び出しを行います。

$scope.userChoice = 'iceCreams.json'; 

$http.get('../app/sources/' + userChoice).success(function(data) { 
    $scope.variables = data; 
});