Question

我目前正在构建我的第一个AngularJS网站。目标很简单，我有多个包含不同数据的JSON文件（但文件具有相同的＆＃34;骨架＆＃34;）并且我想根据用户选择显示数据。

例如：用户选择＆＃34;冰淇淋＆＃34;该页面将显示所有冰淇淋口味。

现在我只加载一个json文件：

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

我怎样才能简单地处理几个要在AngularJS中加载的json文件？

请注意，我可能需要加载150多个不同的文件。

Answer 1

也许是这样的。视图的数据绑定要么具有相同的密钥对名称，要么基于位置进行直接查找。例如data [key] .itemName或data [key] [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;
});

根据用户选择选择不同的JSON

2 个答案: