Html 从angularjs中的嵌套数组进行SlideShow

我正试图用旋转木马对从数据库中检索到的图像进行幻灯片放映。我不知道我是否走对了路。但是这个代码不起作用。我该怎么做

     <div class="" ng-repeat="d in photos">
      <div id="myCarousel" class="carousel slide" data-ride="carousel" ng-repeat="p in d.images">
     <!-- Indicators -->
    <ol class="carousel-indicators" >
     <li data-target="#myCarousel" {{p.name}}>{{$index}}</li>    
                    </ol>
     <!-- Wrapper for slides -->

 <div class="carousel-inner">
    <div class="item active" >
 <img ng-src="/{{d.images[0].url}}"/>
  </div>

  <div class="item">
 <img ng-src="/{{d.images[1].url}}" />
 </div>
 </div>

---

使用ng repeat循环图像

<div class="" ng-repeat="d in photos">
<div id="myCarousel" class="carousel slide" data-ride="carousel" >
<!-- Indicators -->
<ol class="carousel-indicators" >
   <li data-target="#myCarousel"  data-slide-to="{{$index}}"  ng-repeat="item in d.images" ng-class="{'active' : $index == 0}"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
   <div class="item" ng-repeat="item in d.images" ng-class="{'active' : $index == 0}">
      <img ng-src="/{item.url}}" />
   </div>
</div>

检查这个非常干净的代码笔：

幻灯片{{$index+1}

---

希望对您有所帮助

mcn我尝试了多图像列表。第一个列表幻灯片仅更改其他幻灯片不会更改。我需要在此处更改任何内容吗？您可以创建plnkr吗

<div class="" ng-repeat="d in photos">
<div id="myCarousel" class="carousel slide" data-ride="carousel" >
<!-- Indicators -->
<ol class="carousel-indicators" >
   <li data-target="#myCarousel"  data-slide-to="{{$index}}"  ng-repeat="item in d.images" ng-class="{'active' : $index == 0}"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
   <div class="item" ng-repeat="item in d.images" ng-class="{'active' : $index == 0}">
      <img ng-src="/{item.url}}" />
   </div>
</div>

   <carousel interval="myInterval">
    <slide ng-repeat="slide in slides" active="slide.active">
      <img ng-src="{{slide.image}}">
      <div class="carousel-caption">
        <h4>Slide {{$index+1}}</h4>
      </div>
    </slide>
  </carousel>