問題タブ [ion-slides]

私の Ionic 1.3.1 アプリでは、ion-slidesコンポーネントを使用してアンケートのセクションを表示しています。

私のコントローラーでは、slideChangeStart をリッスンします。

slider.slidePrev()またはを呼び出す前のボタンと次のボタンをクリックするとslider.slideNext()、slideChangeStartイベントが発生し、アラートが表示されます。しかし、ジェスチャーを使用してページをスライドすると、ヘッダーは期待どおりに変更されますが、イベントは発生しません。オプションでスワイプをオフに切り替えようとしましたが、成功しませんでした（とにかく私の好みのソリューションではありません）：

更新 使用してみslideChangeEndましたが、そのイベントも発生していません。そのため、イオン スライド イベントに依存しないように、すべてのコードを,およびメソッドgotoSlide(index)から呼び出す単一のメソッドに移動しました。そして、Ionic on-swipe ディレクティブをion-slide-page コンポーネントに追加して、それらが機能するかどうかを確認しました。nextpreviouspagerClick

これにより、Rippleエミュレーターでスワイプが機能しました（以前はまったく機能していませんでした）が、私のAndroidデバイスではまだ機能しません。繰り返しますが、スワイプ イベントは発生していないようです。

Crosswalk プラグインを使用しています

ng-repeat (ループ) のスライダーがあります。そして、ユーザー入力（前のビューから）に従って最初のスライダーを表示したい。

たとえば、ユーザーが「veges」を選択した場合、最初のスライドにはトマトが表示され、ユーザーが「fruits」を選択した場合、スライダーはスライドのリンゴから始まります。ただし、スライダーには常にすべての野菜と果物が含まれている必要があります。

var items = [ // veges { family: 'vege', name: 'tomato' }, { family: 'vege', name: 'potato', }, // fruits { family: 'fruits', name: 'apple' }, { family: 'fruits', name: 'banana', }];

それを行う方法はありますか？

iOS ネイティブ アプリ開発から Ionic フレームワーク (ハイブリッド アプリケーション開発) を初めて使用します。「 」のようなボタンが 2 つある画面を設計する必要がありますRecent and All。「最近」をクリックすると、最近のアイテムがリストに表示され、「すべて」をクリックすると、リスト内のすべてのアイテムが表示されます。ion-slides" " コントロールを使用して 2 つの異なるリストを使用しようとしています。「 」内の HTML ページにイオン スライドを実装しましion-viewた。2 つのボタンが重なっています (最近、すべてのボタンが重なってクリックできません)。ion-slides" in "ion-content" or "div", the slides are not in visibleまた、「最近」ボタンをクリックして最初のスライドを表示する必要がある場合は、ボタンのアクションに基づいてスライドを変更する必要があります。「」を実装しましたが、機能していませんionicSlideBoxDelegate。この問題を解決するにはどうすればよいですか? 助けていただけますか？

「次へボタンがクリックされました」というログが表示されますが、アクションは実行されていません。

Ionic 2 アプリのページ内にスライダー コンポーネントを作成しようとしています。ページャーのドットが表示されないことを除いて、意図したとおりに動作するようになりました。ページャーの使用方法に関するドキュメントはあまり良くありません。ここで私が間違っているアイデアはありますか？

私も試してみ<ion-slides options="{pagination: true}">まし<ion-slides pager="true">たが、どちらも機能しませんでした。

編集:ブラウザーで調べると、ページャーが次のような div コンテナーでレンダリングされていることがわかります: <div class="swiper-pager hide"> したがって、ページャーを再表示するために適切なパラメーターを使用していないことは間違いありません。または、バグがあります。Ionic v2.0.0 を使用しています。

がありionic app、画像スライダーにスワイパースライダーを使用するion-slidesディレクティブを使用しています。これは、ビューでどのように見えるかです:

そして、これはそのためのCSSです:

問題は、slidesクラスに高さを指定しないか、またはに設定し100%ない場合auto、高さが設定されていないため、画像が表示されないことです。の高さを設定している場合、高さが設定されているためslides、サイズが正しく変更されず、大きな画面では画像が水平方向に伸びます。どうすれば修正できますか？