2016-02-15 11 views
6

Io uso la direttiva ion-slide documentata here e non riesco a trovare un metodo per nascondere il cercapersone. Ho provato impostando l'attributo pager come in:Come nascondere il cercapersone a diapositive ion?

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

tuttavia che non funziona, le pallottole cercapersone sono ancora mostrando.

È possibile nascondere il cercapersone a diapositive ioniche e, in caso affermativo, come?

risposta

1

Se queste diapositive vengono aggiunti ad un ion-slide-box, è possibile:

show-pager="false" 

sul ion-slide-box. Vedi i documenti per maggiori informazioni.

Si potrebbe anche essere in grado di nasconderli tramite CSS come:

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

1. Il progetto sta usando 'ionico slides' (per motivi di prestazioni, credo). È intercambiabile con scatola a scorrimento ionico? – tivoni

+0

2. L'approccio 'display: none' funziona, anche se è un po 'hack-ish. Speravo di trovare il metodo ufficiale. Non esiste? – tivoni

+0

Non ho molta familiarità con la libreria. Dai documenti, potresti semplicemente rimuovere il 'pager' dalla tua linea? – Chewpers

0

sto cercando una soluzione per questo problema. Sto lavorando su questo da 2 giorni .. Ma niente. Risolvi questo problema? Ho aggiunto .slider-pager {display: none; } ma i punti rimangono ancora!

+0

Non ho risolto il problema, ma sono riuscito a risolvere il problema utilizzando questo CSS: '.swiper-pagination.swiper-pagination-clickable { display: none ; } ' – tivoni

+0

Puoi usare [pager] =" falso "questo funzionerà –

16

soluzione ufficiale:

options="{pagination: false}" 
+0

@Andy puoi pubblicare un link alla pagina che offre questa soluzione? So solo che http://www.idangero.us/swiper/api/#.VsiaPpN95E4 in base a tale pagina, l'impaginazione deve essere impostata su "Stringa con selettore CSS o elemento HTML del contenitore con impaginazione". Non specifica che 'false' sia un'opzione valida per quel campo – tivoni

+0

sfortunatamente, non ho trovato questa soluzione. Un utente nel forum ionico mi ha risposto 2 giorni fa. Qui il post: https: //forum.ionicframework.com/t/hide-pages-in-the-new-ion-slides-component/43893 – Steph8

+0

Per aggiungere a questa risposta, se si stanno impostando le opzioni al di fuori del modello, è necessario passare questo oggetto opzioni nel ' 'direttiva assegnandolo al tuo scope, come' scope.options = {pagination: false} ', e quindi' ' – jordancooperman

0

Può essere che si può fare in questo modo;

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

questo è meglio di pagination:false

2

Basta aggiungere questo nel vostro css:

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

Spero che questo aiuti

0

semplicemente rimuovere pager.

Esempio:

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

justo put (senza "pager"):

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