ng-repeat multiple times in Angularjs

Question

I have this JSON

{
    "Industrial Visits to L&T Construction Equipment Limited":
        [
            "1467970539_789007_2014.jpg",
            "1467970539_644015.jpg",
            "1467970539_238317.png",
            "1467970539_946963.png"
        ],
    "Industrial Visits to Titan":
        [
            "1467968484_995138.png",
            "1467968226_987063.jpg",
            "1467968226_210302.jpg",
            "1467969523_721853.jpg"
        ]
}

I have to print title and its related images under that title on an HTML page.

I'm doing this:

<div ng-repeat="item in indusvisitlist">
                    <div ng-repeat="(key, value) in item">
                        <h3>{{key}}</h3>
                        <p class="col-md-6 col-sm-6" ng-repeat="image in value">
                            <img src="files/{{image}}" class="img-responsive img-thumbnail" />
                        </p>
                    </div>
                </div>

I found this solution on another Stack overflow question. But it is not printing anything but 0 1 2 3 0 1 2 3

Can somebody please figure out where the problem might be. Thanks.

Make it ng-src as you have bindings there

Pankaj Parkar
– Pankaj Parkar

2016-07-26 04:33:04 +00:00
Commented Jul 26, 2016 at 4:33 — Pankaj Parkar
– Pankaj Parkar, Commented Jul 26, 2016 at 4:33

kukkuz · Accepted Answer · 2016-07-26 05:02:01Z

1

maybe you should try:

<div ng-repeat="(key, value) in indusvisitlist">
   <h3>{{key}}</h3>
   <p class="col-md-6 col-sm-6" ng-repeat="image in value">
     <img ng-src="files/{{image}}" class="img-responsive img-thumbnail" />
   </p>
</div>

edited Jul 26, 2016 at 5:02

answered Jul 26, 2016 at 4:29

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

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

2 Comments

Shintu Joseph Over a year ago

Use ng-src while you have bindings in urls

kukkuz Over a year ago

@ShintuJoseph: you are right... edited the code above :)

Collectives™ on Stack Overflow

ng-repeat multiple times in Angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related