Je dois parcourir le tableau JSON imbriqué qui ressemble à ça
[
{
"title": "EPAM",
"technologies": [
"PHP",
".net",
"Java",
"Mobile",
"Objective-C",
"Python",
"Ruby"
],
"location": "Belarus",
"city": "Minsk"
},
{
"title": "Parallels",
"technologies": [
"PHP",
"Java",
"C++",
"iOS Development",
"C#",
"Ember.js"
],
"location": "Russia",
"city": "Moscow"
}
]
Ce que je veux, c'est parcourir la liste des technologies de chaque entreprise, puis renvoyer une liste de valeurs uniques. Cependant, je n'ai pas réussi à accéder à une seule société dans des tableaux de sociétés du contrôleur. Ça ressemble à ça jusqu'à présent
var app = angular.module('app', []);
app.controller('CompaniesController', ['$scope', '$http',
function($scope, $http) {
$http.get('json/companies.json').success(function(data) {
$scope.companies = data; // get data from json
$scope.techStack = []
$scope.companies = data.query(function(companies) {
console.log(companies); //I expected to see data here
});
});
}
]);
Apparemment, je fais quelque chose de mal.
Utilisez angular pour chaque
var app = angular.module('app', []);
app.controller('CompaniesController', ['$scope', '$http',
function($scope, $http) {
$http.get('json/companies.json').success(function(data) {
$scope.companies = data; // get data from json
angular.forEach($scope.companies, function(item){
console.log(item.technologies);
})
});
});
}
]);
Si vous avez seulement besoin d'afficher un tableau imbriqué sur l'interface utilisateur, vous pouvez le faire directement dans la vue Par exemple.
<tr ng-repeat="i in Items">
<td valign="top">{{i.Value}}</td>
<td valign="top">
<table>
<tr ng-repeat="c in i.Children">
<td>{{c.Value}}</td>
</tr>
</table>
</td>
</tr>
Pour boucler un tableau dans AngularJS, vous pouvez simplement utiliser angular.forEach . Par exemple,
angular.forEach(companiesList, function(company) {
//Here you can access each company.
});
J'ai fait une démonstration simple basée sur votre code et listant "Entreprises" et unique "Technologies".
essaye ça
var app = angular.module('app', []);
app.controller('CompaniesController', ['$scope', '$http',
function($scope, $http) {
$http.get('json/companies.json').success(function(data) {
$scope.companies = data; // get data from json
$scope.techStack = []
angular.forEach($scope.companies, function(item){
$scope.techStack = item.technologies;
var uniqueTech = [];
for (var i = 0; i < $scope.techStack.length; i++)
{
if (uniqueTech.indexOf($scope.techStack[i]) == -1)
uniqueTech.Push($scope.techStack[i]);
}
console.log("Unique Technologies : " + uniqueTech);
})
});
}
]);
la fonction foreach de l'utilisateur angular pour la lecture en boucle des données.