Quindi ho un pulsante chiamato "mostra altro" che aumenterà il numero di elementi in una lista una volta che raggiunge il numero massimo di lista che voglio cambiare in un pulsante chiamato " mostra meno "che riporta la lista al suo valore predefinito.ng-click smette di funzionare quando si utilizza ng-if
Uso un ng-if per determinare quale pulsante visualizzare e ng-clic per determinare l'azione. Quando li si usa insieme, il ng-click smette di funzionare e non succede nulla quando clicco.
ecco l'html che ho scritto in giada, feedLimit è il numero di elementi visualizzati nell'elenco.
button.btn.btn-primary.btn-block.btn-sm.btn-outline(type='button')(ng-if= "feedLimit < notifications.all.length", ng-click="feedLimit = feedLimit + 4")
span(translate) Show More
button.btn.btn-primary.btn-block.btn-sm.btn-outline(type='button')(ng-if= "feedLimit >= notifications.all.length", ng-click="feedLimit = 4")
span(translate) Show Less
Ho provato con ng-show e ng-pelle e funzionano bene, ma è meglio usare ng-se, non c'è animazione ed è più veloce.
Ecco output HTML lo spettacolo più del pulsante
<button type="button" ng-if="feedLimit < notifications.all.length" ng-click="feedLimit = feedLimit + 4" class="btn btn-primary btn-block btn-sm btn-outline ng-scope" style=""><span class="ng-scope">Show More</span></button>
Ho notato che hai uno spazio dopo il tuo '=' sul tuo 'ng-if'. Forse Jade interpreta male l'attributo ng-if? –
Angular 1.2 non sembra avere problemi con l'uso di ng-if e ng-click sullo stesso elemento. http://jsfiddle.net/bgcgfnqr/1/ –
provato a eliminare lo spazio senza dadi, anche @ JamesM.Lay hai usato una funzione che forse fa la differenza. – grasshopper