jQuery Girl
  1. jQuery Girl
  3. Comment obtenir une valeur spécifique de JSON et l’afficher en HTML avec Angularjs ng-repeat
Intereting Posts
Comment modifier du texte en minuscule et remplacer les espaces par des traits d’union à l’aide de jQuery? Les objects déplaçables jQuery perdent leur capacité de glissement après avoir été échangés (avec l’exemple jsfiddle) using requireJS pour charger dynamicment des fichiers js Obtenir le nom (type) de l’événement qui a été déclenché (déclenché) Ciblage du texte surligné en Javascript Plage de numéros d’identification jQuery Classe de basculement jQuery Détecter le navigateur Firefox avec jQuery Comment puis-je récupérer les informations d’une API avec jQuery? Ouvrir popup onbeforeunload Comment rechercher des div nestedes en utilisant regex pour les noms de classe Comment afficher la taille de fichier totale de plusieurs fichiers téléchargés à l’aide de jquery Simuler, cliquez sur l’élément sélectionné avec jQuery Fonction jQuery $ .ajax utilisant une URL variable Comment faire une div avec effet vitreux et semi-transparent?

Comment obtenir une valeur spécifique de JSON et l’afficher en HTML avec Angularjs ng-repeat

Je suis nouveau sur angularjs, je suis confronté à des problèmes d’obtention et d’affichage d’une valeur spécifique du fichier json à afficher sur ma page d’affichage à l’aide d’angularjs ng-repeat pour la source d’image. Sur la base de cette clé / valeur uniquement, je dois répéter le fichier json et obtenir et afficher la valeur spécifique sur ma page html.

JSON: 

[ {"name":"imageurl","value":"/images/Image1.nii"}, {"name":"3d","value":"3d0"}, {"name":"sliceX","value":"sliceX0"}, {"name":"sliceY","value":"sliceY0"}, {"name":"sliceZ","value":"sliceZ0"}, {"name":"imageurl","value":"/images/Image2.nii"}, {"name":"3d","value":"3d1"}, {"name":"sliceX","value":"sliceX1"}, {"name":"sliceY","value":"sliceY1"}, {"name":"sliceZ","value":"sliceZ1"} ]

Ici, j’ai besoin de répéter par la touche: imageurl et d’afficher sa valeur sur ma page html. Pour la première itération, il devrait avoir d’abord la valeur imageurl (comme: /images/Image1.nii) et pour la deuxième itération, la deuxième image (comme: /images/Image2.nii), et ainsi de suite … I ‘ Nous avons créé un violon à: FIDDLE . S’il vous plaît vérifier une fois. Donc, ma sortie désirée pourrait être:

Au premier tour:

à la deuxième itération:

S’il vous plaît aidez-moi à ce sujet. Merci d’avance.

Vous devez modifier la structure des données. Pour le moment, cela n’a pas de sens pour votre tâche. L’imbrication d’objects 3D, X, Y et Z dans chaque object imageurl rend tout très simple: 

 [ {"name":"imageurl","value":"/images/Image1.nii", parts: [ {"name":"3d","value":"3d0"}, {"name":"sliceX","value":"sliceX0"}, {"name":"sliceY","value":"sliceY0"}, {"name":"sliceZ","value":"sliceZ0"}, ]}, {"name":"imageurl","value":"/images/Image2.nii", parts: [ {"name":"3d","value":"3d1"}, {"name":"sliceX","value":"sliceX1"}, {"name":"sliceY","value":"sliceY1"}, {"name":"sliceZ","value":"sliceZ1"} ]} ]

et alors vous le rendriez comme ceci: