JS/JON-通过JS访问JSON中的多个数组
JS/JSON - Access multiple arrays in JSON via JS
我想稍微清理一下我的AngularJS代码。现在,我在$scope下的JS文件中有我的JSON数组。[array],共有5组。我可以将它们全部放在一个单独的JSON文件中吗?还是每个数组都需要多个文件?如果我把它们放在一个JSON文件中,我还能通过$http.get()
访问它们吗?
以下是带有JSON数据的JS代码:
var reportApp = angular.module('reportApp', ['ui.bootstrap']);
reportApp.controller('reportController', function($scope) {
$scope.head = [
{id: 1, name: 'Application Name', class: 'filtersearch'},
{id: 2, name: 'Date Created'},
{id: 3, name: 'Date Updated'},
{id: 4, name: 'Payload'},
{id: 5, name: 'Status', class: 'filtersearch'},
{id: 6, name: 'Error Code', class: 'filtersearch'},
{id: 7, name: 'Error Description'}
];
$scope.details = [
{id: 1, name: 'Application Name'},
{id: 2, name: 'Error Description'},
{id: 3, name: 'Record Count'},
{id: 4, name: 'Record Fail'}
];
$scope.status = [
{id: 1, name: 'Active'},
{id: 2, name: 'Inactive'},
{id: 3, name: 'Unknown'}
];
$scope.errorCode = [
{id: 1, name: 'Code01'},
{id: 2, name: 'Code02'},
{id: 3, name: 'Code03'},
{id: 4, name: 'Code04'}
];
$scope.apps = [
{appName: 'App01',
dateCreated: '01/01/2015',
dateUpdated: '01/04/2015',
payload: 'Payload01',
status: $scope.status[0],
errorCode: $scope.errorCode[0],
errorDesc: 'Desc01',
recordCount: 1,
recordFail: 1},
{appName: 'App01',
dateCreated: '01/02/2015',
dateUpdated: '01/05/2015',
payload: 'Payload02',
status: $scope.status[0],
errorCode: $scope.errorCode[1],
errorDesc: 'Desc02',
recordCount: 1,
recordFail: 2},
{appName: 'App03',
dateCreated: '01/03/2015',
dateUpdated: '01/06/2015',
payload: 'Payload03',
status: $scope.status[1],
errorCode: $scope.errorCode[2],
errorDesc: 'Desc03',
recordCount: 2,
recordFail: 1}
];
});
我希望以与下面代码类似的方式使用$http.get()
,但对于多个阵列:
var report = this;
report.apps = [];
$http.get('apps.json').success(function(data){
report.apps = data;
});
非常感谢您的任何意见!
编辑:这是JS Fiddle。
var report = this;
report.apps = [];
$http.get('../controllers/apps.json').success(function(data){
for (head in data) {
report.head = data.head;
}
for (details in data) {
report.details = data.details;
}
for (status in data) {
report.status = data.status;
}
for (errorCode in data) {
report.errorCode = data.errorCode;
}
for (apps in data) {
report.apps = data.apps;
}
});
您可以将它们放在一个对象下:
{ head : [
{id: 1, name: 'Application Name', class: 'filtersearch'},
{id: 2, name: 'Date Created'},
{id: 3, name: 'Date Updated'},
{id: 4, name: 'Payload'},
{id: 5, name: 'Status', class: 'filtersearch'},
{id: 6, name: 'Error Code', class: 'filtersearch'},
{id: 7, name: 'Error Description'}
],
details : [
{id: 1, name: 'Application Name'},
{id: 2, name: 'Error Description'},
{id: 3, name: 'Record Count'},
{id: 4, name: 'Record Fail'}
]
}
然后迭代该对象,并分配给存储:
$http.get('../store-products.json').success(function(data){
for (key in data) {
store[key] = data[key];
}
});
相关文章:
- JS数组-检查对象值是否重复
- 将JS数组附加到变量并显示它
- 正在尝试将JSON文件放入JS数组
- 删除JS数组中的最小数字
- 调用laravel{{action(Controller@method}}通过传递vue.js数组中的变量
- 如何将JS数组添加到Meteor自动表单条目中
- 了解JS数组和拼接
- JS数组称为“;name”;行为怪异
- 在js数组中不断循环并暂停
- 根据范围过滤角度.js数组
- 循环访问 JS 数组 + 数组属性
- 为什么当我在JS数组上调用.toString时得到“对象对象”
- Ember.js数组控制器计算属性的复选框
- 我的JS数组打印只显示结束值
- 如何在AngularJs中将json数组转换为js数组
- JS数组无理由地传递值更改
- 是否可以引用JS数组/对象中的另一个元素
- 将jQuery事件函数应用于新的Knockout.js数组元素
- 通过多列和多个值过滤angular js数组
- 在js数组中查找下一个和上一个键