Question

我想要使用上一个/下一个按钮循环播放一些图像。

图像应该是通过角度动态的。因此，如果您单击其中一个按钮，它应该在控制器中的图像数组中显示不同的图像。

这基本上是我尝试过的：

HTML -

INSERT INTO relational (class_id, teacher_id, student_id) VALUES ({{returned id (desired)}}, {{exact score (undesired)}}, {{reg score (undesired)}}, {{match score (undesired)}}, 1, 1);

Javascript / Angular -

1, 1

有关更好的方法是什么的任何建议？

我单击按钮时，现在的方式不会改变图像。我确保在switchImage函数中添加一个断点，当我点击按钮时它不会进入它。

Answer 1

如果您只是询问边缘情况，即当索引大小达到0或4时，您可以像这样修改代码：

（另外，您需要在$scope）

中注册该功能

$scope.switchImage = function(step) {
  self.index += step;

  // When user keeps clicking next image and index crosses end of array
  if (self.index == self.images.length) {
     // reset to zero
     self.index = 0;
  } else if (self.index < 0) {
     // else if user keeps clicking previous image and index goes negative
     // reset to the last image
     self.index = self.images.length - 1;
  }

  $scope.image = self.images[self.index];
};

如何使用Angular按钮点击循环图像？

1 个答案: