angular.js - ionic은 anglejs를 화살표의 왼쪽 및 오른쪽 클릭과 결합하여 이미지를 전환합니다. 어떻게 해야 ionic에 자동 캐러셀 기능이 있는지 알고 있습니다.

Question

Ionic은 화살표의 왼쪽 및 오른쪽 클릭과 결합하여 이미지를 전환합니다. ionic에는 자동 캐러셀 기능이 있다는 것만 알고 있습니다.

Answer 1

이미지 주소는 배열에 저장되며, 기본 이미지는 배열의 0번째 요소를 표시합니다. 버튼을 클릭하면 현재 배열 요소의 인덱스에 1을 더하거나 뺍니다. 경계 판단에 주의를 기울이고 해당 프롬프트를 제공합니다. 좋아요.

코드:

으아악

Answer 2

화살표 이미지 전환 기능을 사용하려면 컨트롤러에 표시하려는 imgList 배열을 선언하고 그 안에 이미지 URL을 입력하세요.

기본값은 index=0으로 첫 번째 사진을 먼저 표시하는 것입니다. $scope.curImg = imgList[0];

오른쪽 화살표 index++를 클릭하세요. ng-click="toNext()" $scope.curImg = imgList[index]; 표시된 img 태그의 curImg 값으로 ng-src를 설정하면 됩니다.

마찬가지로 왼쪽 화살표 색인을 클릭하세요.-.

또한 인덱스=0이고 인덱스가 가장 큰 경우 왼쪽 및 오른쪽 화살표의 클릭 가능한 컨트롤에 주의하세요