2016-02-15 10 views
6

ion-slideという指示文を使用しています。hereと記載されており、ページャを非表示にする方法が見つかりません。私はのようにポケットベルの属性を設定しようとした:動作しないことがイオンスライドページャを隠すには?

<ion-slides options="myOptions" pager="false" slider="mySlide[item.id]"> 

、ページャの弾丸がまだ表示されています。

イオンスライドページャーを隠すことはできますか?これらのスライドはion-slide-boxに追加されている場合は

答えて

1

、次のことができます。ion-slide-box

show-pager="false" 

。詳細については、ドキュメントを参照してください。

また、同様に、CSSを経由して、それらを非表示にすることができるかもしれない:私はこの質問のためのソリューションを探してい

.slider-pager { display:none; } 
+0

1.プロジェクトは 'イオンslides'を使用している(パフォーマンス上の理由から、私は思います)。それはイオンスライドボックスと互換性がありますか? – tivoni

+0

2. 'display:none'アプローチはうまくいきますが、ちょっとハックします。私は公式の方法を見つけることを望んでいた。存在しませんか? – tivoni

+0

私はあまりにもライブラリに精通していない。ドキュメントから、 'pager'をあなたの行から完全に削除できますか? – Chewpers

0

。私は2日以来、これに取り組んでいる..しかし、何も。あなたはこの問題を解決しますか? .slider-pager {display:none;}を追加しました。 }しかし、ドットはまだ残っている!

+0

問題を解決しませんでしたが、このCSSを使用して回避することができました: '.swiper-pagination.swiper-pagination-clickable { display:none ; } ' – tivoni

+0

これは動作する[ページャ] =" false "を使用できます –

16

公式ソリューション:

options="{pagination: false}" 
+0

@Andyこのソリューションを提供するページへのリンクを投稿できますか?私はhttp://www.idangero.us/swiper/api/#.VsiaPpN95E4しか知りません。そのページによれば、ページネーションは「CSSセレクタ付きの文字列またはページネーション付きのコンテナのHTML要素」に設定する必要があります。 'false'がそのフィールドの有効なオプションであることは明記されていません – tivoni

+0

残念ながら、私はこの解決法を見つけませんでした。 Ionicフォーラムのユーザーは2日前に私に答えました。ここに投稿:https://forum.ionicframework。/ 43893 – Steph8

+0

この回答に追加するには、テンプレートの外にオプションを設定する場合は、このオプションオブジェクトを ' 'に渡す必要があります'指示文を' scope.options = {pagination:false} 'のようにスコープに割り当て、' " – jordancooperman

0

あなたは、このように行うことができますすることができ、

paginationType: 'custom', 
paginationBulletRender: function (index, className) { 
    return ''; 
} 

これはpagination:false

2

はちょうどあなたのcssでこれを追加するよりも優れている:

.swiper-pagination-bullet{ 
    background:white!important; 
    border-radius: 100%; 
    height: 17px; 
    width: 17px; 
    display: none; 
} 

ちょうどpagerを削除これは

0

に役立ちます願っています。

例:

<ion-slides pager loop autoplay="1500" class="auto_height"> ... 

( "ポケットベル" なし)フストプット:

<ion-slides loop autoplay="1500" class="auto_height"> ... 
関連する問題