Question

我有ng-repeat循环，循环引导轮播中的图像项集合，每个图像项都有id，title和imagename属性。在ng-repeat循环之外我有删除按钮和ng-click功能，它接受imageid删除它。但是，由于此按钮位于循环外部，因此无法访问循环中的当前图像。

<div ng-repeat="img in images" ng-class="{'active':$first}">
     <img ng-src="folder/{{img.imagename}}">
        <div class="carousel-caption">
           <p>{{img.id}}</p>
           <p>{{image.title}}</p>
       </div>
</div>

<div ng-click="remove(img.id)">
   <i class="fa fa-times fa-1x"></i>
</div>

如果我在循环中放置删除按钮它可以工作，但是可以跟踪循环中的当前图像并且只有一个外部循环的删除按钮，我可以传递当前图像的id（旋转木马上显示的图像）。

Answer 1

你应该使用像这样的一些绑定：https://angular-ui.github.io/bootstrap/#/carousel - 它可以访问活动图像。

未经测试，您需要根据代码进行调整。

<div uib-carousel active="active">
  <div uib-slide ng-repeat="img in images track by img.imagename" index="img.imagename">
    <img ng-src="folder/{{img.imagename}}">
    <div class="carousel-caption">
       <p>{{img.id}}</p>
       <p>{{image.title}}</p>
   </div>
  </div>
</div>

<div ng-click="remove(active)">
   <i class="fa fa-times fa-1x"></i>
</div>

访问其外部的ng-repeat循环的当前项，并将其属性传递给外部函数

1 个答案: