Verstecken von Ionen-Folien-Pagern?

Ich verwende die ion-slide Direktive dokumentiert here und ich kann keine Methode finden, den Pager zu verbergen. Ich habe versucht, das Pager-Attribut wie in:Verstecken von Ionen-Folien-Pagern?

aber das funktioniert nicht, die Pager-Kugeln werden immer noch angezeigt.

Ist es möglich den Ion-Slides Pager zu verstecken, und wenn ja - wie?

Quelle

2016-02-15 tivoni

Wenn diese Folien zu einem ion-slide-box hinzugefügt werden, können Sie:

show-pager="false"

auf dem ion-slide-box. Weitere Informationen finden Sie in den Dokumenten.

Sie könnten auch in der Lage sein, sie wie über CSS zu verstecken:

.slider-pager { display:none; }

Quelle

2016-02-15 14:54:04 Chewpers

1. Das Projekt wird mit 'Ionen slides' (aus Performance-Gründen, glaube ich). Ist es austauschbar mit Ion-Slide-Box? – tivoni

2. Der 'display: none' -Ansatz funktioniert, obwohl es ein bisschen hack-ish ist. Ich hatte gehofft, die offizielle Methode zu finden. Gibt es das nicht? – tivoni

Ich bin nicht so vertraut mit der Bibliothek. Könnten Sie aus der Dokumentation den Pager einfach aus Ihrer Zeile entfernen? – Chewpers

ich bin eine Lösung für diese Frage zu suchen. Ich arbeite seit 2 Tagen daran. Aber nichts. Beheben Sie dieses Problem? Ich habe .slider-pager hinzugefügt {display: none; } aber die Punkte bleiben noch!

Quelle

2016-02-17 15:21:24 Steph8

Ich habe das Problem nicht gelöst, konnte aber Abhilfe mit dieser CSS: '.swiper-pagination.swiper-Paginierung-klickbar { display: none ; } ' – tivoni

Sie können [pager] =" false "verwenden, das funktioniert –

offizielle Lösung:

options="{pagination: false}"

Quelle

2016-02-19 08:15:56 Steph8

@Andy können Sie einen Link zu der Seite, die diese Lösung bietet, veröffentlichen? Ich kenne nur http://www.idangero.us/swiper/api/#.VsiaPpN95E4. Entsprechend dieser Seite muss die Paginierung auf "String mit CSS-Selektor oder HTML-Element des Containers mit Paginierung" eingestellt werden. Es gibt nicht an, dass "false" eine gültige Option für dieses Feld ist. – tivoni

Leider habe ich diese Lösung nicht gefunden. Ein Benutzer im Ionic Forum hat mich vor 2 Tagen darauf geantwortet. Hier der Beitrag: https: //forum.ionicframework.com/t/hide-pages-in-the-new-ionen-slides-component/43893 – Steph8

Um dieser Antwort hinzuzufügen, wenn Sie Optionen außerhalb der Vorlage festlegen, müssen Sie dieses Optionsobjekt in die ' übergeben 'directive, indem Sie es Ihrem Bereich zuweisen, zB' scope.options = {pagination: false} ', und dann' ' – jordancooperman

Mai werden Sie wie dies tun können;

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

Das ist besser als pagination:false

Quelle

2016-05-01 22:34:14 kaya

Genau dies in Ihrem css hinzufügen:

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

this helps

Quelle

2016-11-25 11:52:12 kushal

Nur pager entfernen.

Beispiel:

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

justo put (ohne "Pager"):

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

Quelle

2017-07-19 21:57:38 SandroMarques

Verstecken von Ionen-Folien-Pagern?

Antwort

Verwandte Themen