Question

我正在使用离子滑动框，我在其中迭代了多个图像并在幻灯片框中显示它们

<ion-slide-box>
<!-- Iterate n number of times, where n is the number of images -->
  <ion-slide ng-repeat="n in [].constructor(imageCount) track by $index">
    <img ng-src="MyImage-{{$index + 1}}.png" width="100%" height="auto" > 
  </ion-slide>
</ion-slide-box>

每个图像都由最后的计数器识别。因此，如果有5张图像，则此代码将迭代5次，并加载名为“MyImage_1＆＃39;，＆＃39; MyImage_2＆＃39;等，并在幻灯片框中显示它们。

在幻灯片的正下方，我正在显示一个编辑按钮。当用户点击按钮时，打开幻灯片中加载的图像是另一个用于编辑的页面。

 <div style=" padding-bottom: 10px;">
         <a class="button button-dark icon ion-edit" ui-sref="editImage({name:'MyImage_$index'})"></a>
 </div>

挑战在于如何找到在幻灯片框中打开的图像。 $ index具有此信息，但它仅在幻灯片框中可用，而不是在幻灯片框外部的div。

如何在单击编辑链接时告诉锚标记用户所在的索引。

Answer 1

$ionicSlideBoxDelegate.currentIndex();为您提供幻灯片的当前索引。您可以使用当前索引了解您所在的幻灯片。有关更多信息，请查看this

在angular [Ionic]中传递两个HTML元素之间的值

1 个答案: