ng-repeat value array angularjs

Question

Sorry for the title, this is my first post.

OK, my problem is, I have this JSON:

   {
  "nodes" : [
    {
      "node" : {
        "Title" : "this is a title",
        "slideshowImage" : [
          {
            "src" : "imagen.png",
            "alt" : ""
          },
          {
            "src" : "imagen.png",
            "alt" : ""
          },
          {
            "src" : "imagen.png",
            "alt" : ""
          },
          {
            "src" : "imagen.png",
            "alt" : ""
          }
        ],
        "Thumbnail" : {
          "src" : "imagen.png",
          "alt" : ""
        },
        "id" : "28"
      }
    }
  ]
}

How can I get a ng-repeat to slideshowImage

Ex: ng-repeat="node in items.slideshowImage"

{{node.node.slideshowImage.src}}

Am I doing it wrong?

You should do ng-repeat="item in nodes.node.slideshowImage" and {{ item.src }} — John Roca
– John Roca, Commented Mar 5, 2016 at 13:54

Pankaj Parkar · Accepted Answer · 2016-03-05 13:55:23Z

2

Make sure your object is assigned to nodes object, then it would be simple like below.

ng-repeat="image in nodes.node.slideshowImage"

answered Mar 5, 2016 at 13:55

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pankaj Parkar Over a year ago

@JulianChabrillon click on tick icon below upvote button, so that this answer get accepted. Thanks :-)

Prasad · Accepted Answer · 2016-03-05 15:37:18Z

1

If you wanna ng-repeat in view Directly Like following :-

      <div ng-repeat="N1 in sampleData.nodes"> 
          <div ng-repeat="N2 in N1.node.slideshowImage">
                 {{N2.src}}
           </div>
      </div> <!-- Looped down to Subnodes For your Understanding --!>

Or Just Save it in to a scope Quick way :-

$scope.quickData=$scope.sampleData.nodes[0].node.slideshowImage; // as per data length

Now Roll it (ng-repeat) :-

     <div ng-repeat="quick in quickData">
               {{quick.src}}
         </div>

https://plnkr.co/edit/EhuLmjzNa5srX2AV2gqT?p=preview

Both results are saved in Plunker

Happy Learning !!

edited Mar 5, 2016 at 15:37

answered Mar 5, 2016 at 14:14

Prasad

1,6005 gold badges27 silver badges42 bronze badges

6 Comments

charlietfl Over a year ago

doesn't make sense repeating the properties in node object. You have one too many nested repeats

Prasad Over a year ago

showed diff ways to loop it of course one of it bit lengthy way,Just for beginner understanding purposes and For some JSON Iterate Experience

charlietfl Over a year ago

Still doesn't make sense. Just loop over array N1.node.slideshowImage.

Prasad Over a year ago

jsoneditoronline.org/?id=64b978cda1cca5eb1e59c9564f58b418 pls take a look it here

Prasad Over a year ago

@ charlietfl yes that is precise .. updated :-) as a beginner her can experiment and undestand himself for a quicker solution ..

|

John Roca · Accepted Answer · 2016-03-05 13:56:58Z

0

You should do

ng-repeat="item in nodes.node.slideshowImage"

and in your views

{{ item.src }}

answered Mar 5, 2016 at 13:56

John Roca

1,2442 gold badges16 silver badges29 bronze badges

Collectives™ on Stack Overflow

ng-repeat value array angularjs

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related