title: slidshow from a nested array in angularjs
body: <p>I'm trying to do a slideshow of retrieved images from the DB with carousel. i dont know that am going right way or not.but this code is not working. how can i do this?     </p>
  
  <pre><code>     &lt;div class="" ng-repeat="d in photos"&gt;
        &lt;div id="myCarousel" class="carousel slide" data-ride="carousel" ng-repeat="p in d.images"&gt;
       &lt;!-- Indicators --&gt;
      &lt;ol class="carousel-indicators" &gt;
       &lt;li data-target="#myCarousel" {{p.name}}&gt;{{$index}}&lt;/li&gt;    
                      &lt;/ol&gt;
       &lt;!-- Wrapper for slides --&gt;
  
   &lt;div class="carousel-inner"&gt;
      &lt;div class="item active" &gt;
   &lt;img ng-src="/{{d.images[0].url}}"/&gt;
    &lt;/div&gt;
  
    &lt;div class="item"&gt;
   &lt;img ng-src="/{{d.images[1].url}}" /&gt;
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>this is my json</p>
  
  <pre><code>    "gender": 1,
      "colorId": null,
      "color": "Black",
       "name": Fire,
          "images": [
            {
  
              "url": "Content/Images/1.jpg"
            },
            {
  
              "url": "Content/Images/2.jpg"
            },
            {
  
              "url": "Content/Images/3.jpg"
            },
            {
  
              "url": "Content/Images/4.jpg"
            }
          ]
  </code></pre>