angular.js - ionic は angularjs と矢印の左クリックと右クリックを組み合わせて画像を切り替えます。ionic には自動カルーセル機能があることしか知りません。
高洛峰
高洛峰 2017-05-15 17:10:14
0
2
761

Ionic は angularjs と矢印の左クリックと右クリックを組み合わせて画像を切り替えます。これを行うには、ionic には自動カルーセル機能があることしか知りません。

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(2)
滿天的星座

画像アドレスは配列に保存され、デフォルト画像は配列の0番目の要素を表示します。ボタンをクリックすると、現在の配列要素のインデックスに 1 が加算または減算されます。境界の判断に注意し、対応するプロンプトを与えます。わかりました。

コード:

リーリー
いいねを押す +0
Ty80

矢印画像切り替え機能を使用するには、コントローラーで表示したいimgList配列を宣言し、その中に画像のURLを入れるだけです

デフォルトでは、$scope.curImg = imgList[0];

として、最初のものが最初に表示されます。

右矢印をクリックします。

同様に左矢印インデックスをクリックします--。

インデックス = 0 でインデックスが最大の場合、左右の矢印のクリック可能なコントロールにも注目してください

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート