AngularJS, manipuler des objets JSON
Résolu/Fermé
alexdu17200
Messages postés
1579
Statut
Membre
-
alexdu17200 Messages postés 1579 Statut Membre -
alexdu17200 Messages postés 1579 Statut Membre -
Bonsoir à tous, j'ai un fichier JSON (que je traite en JavaScript avec AngularJS) de cette architecture, en gros:
Je souhaite accéder à un des objets contenu dans List.Type dans du html, j'arrive avec {{ List.Type }} à afficher l'ensemble des objets, mais je ne voudrais que l'objet "name", quelqu'un pourrait-il m'aider à trouver la bonne syntaxe? (ou alors des bons mots-clés pour une recherche sur Google?)
Merci de votre aide
{
"List": [
{
"id": 1,
"produit": {
"id": 1,
"name": "test"
},
"Type": [
{
"id": 1,
"name": "Type 1",
"meteojobId": "T1"
}
]
}
Je souhaite accéder à un des objets contenu dans List.Type dans du html, j'arrive avec {{ List.Type }} à afficher l'ensemble des objets, mais je ne voudrais que l'objet "name", quelqu'un pourrait-il m'aider à trouver la bonne syntaxe? (ou alors des bons mots-clés pour une recherche sur Google?)
Merci de votre aide
A voir également:
- AngularJS, manipuler des objets JSON
- Site pour vendre des objets d'occasion - Guide
- Ryanair objets interdits - Guide
- Fichier json - Forum Windows 10
- Les objets du net - Forum Consommation & Internet
- Fichier json google photo - Forum Photo numérique
1 réponse
Hello,
C'est le "name" dans "produit" que tu veux ou celui dans "Type" ?
Comme précisé précédemment, je connais pas angular mais j'ai essayé un truc comme ça (ça doit être super moche pour quelqu'un qui connaitrait angular :( ):
test.html :
test.js :
et ça me sort le "name" de "produit" ...
Ça me parait on ne peut plus simple. :p
Si ça peut t'aider ...
Y'a plus qu'à adapter à ton code. :-)
Edit : retiré la boucle (ng-repeat qui servait à rien) / précisé le nom des fichiers html et js, changé le nom de qqs variables et rajouté un peu de css :p (bootstrap) ...
You may stop me but you can't stop us all ;-)
C'est le "name" dans "produit" que tu veux ou celui dans "Type" ?
Comme précisé précédemment, je connais pas angular mais j'ai essayé un truc comme ça (ça doit être super moche pour quelqu'un qui connaitrait angular :( ):
test.html :
<!doctype html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="todo.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div col-xs-2 col-xs-offset-1 ng-controller="testJson">
<h4><small>Le nom du produit est : </small> "{{data.List[0].produit.name}}"</h4>
</div>
</div>
</div>
</body>
</html>
test.js :
function testJson($scope) {
$scope.data = {
"List": [
{
"id": 1,
"produit": {
"id": 1,
"name": "test"
},
"Type": [
{
"id": 1,
"name": "Type 1",
"meteojobId": "T1"
}
]
}]
};
};
et ça me sort le "name" de "produit" ...
Ça me parait on ne peut plus simple. :p
Si ça peut t'aider ...
Y'a plus qu'à adapter à ton code. :-)
Edit : retiré la boucle (ng-repeat qui servait à rien) / précisé le nom des fichiers html et js, changé le nom de qqs variables et rajouté un peu de css :p (bootstrap) ...
You may stop me but you can't stop us all ;-)
A la fin, j'arrive a:
{{ List.Type[0].name }}
Merci de ton aide (encore une fois) et je suis désolé du dérangement...
A+
Au début j'ai tâtonné en faisant du .length de mes datas pour voir si au moins j'avais des trucs ....