11

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

    <div class="slider-container">
            <ion-slides pager="true">
                <ion-slide>
                    <div class="slide">
                        <img src='assets/image/scoping.png' />
                        <p class="slide-title">TITLE 1</p>
                        <p class="slide-text">Body text 1</p>
                    </div>
                </ion-slide>
                <ion-slide>
                    <div class="slide">
                        <img src='assets/image/projectmgmt.png' />
                        <p class="slide-title">TITLE 2</p>
                        <p class="slide-text">Body text 2</p>
                    </div>
                </ion-slide>
                <ion-slide>
                    <div class="slide">
                        <img src='assets/image/satisfaction.png' />
                        <p class="slide-title">TITLE 3</p>
                        <p class="slide-text">Body text 3</p>
                    </div>
                </ion-slide>
            </ion-slides>
    </div>

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

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

4

4 に答える 4

3

最後に、これをスライドの開始タグとして使用できるようにしました。

<ion-slides [options]="{pagination: true}">
于 2016-11-21T17:59:53.720 に答える