Filtrare una lista in Ionic Framework

Mattepuffo's logo
Filtrare una lista in Ionic Framework

Filtrare una lista in Ionic Framework

Piccolo tip per Ionic: come posso filtrare una lista scrivendo i valori dentro una input text?

Semplicemtente possiamo usare gli strumenti che ci mette a disposizione AngularJS.

Quindi, suppendo che avete già valorizzato la vostra lista, nel template ci basta fare questo:

 <ion-view view-title="Clienti">
    <ion-content>
        <ion-list>
            <div class="list list-inset">
                <label class="item item-input">
                    <input type="text" ng-model="searchText" placeholder="Cerca...">
                </label>
            </div>
            <ion-item ng-repeat="item in items| filter:searchText" href="#/app/cliente/{{item.codice}}">
                {{item.rag_soc}}
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

Basterà scrivere nella input text, e i valori non corrispondenti alla ricerca spariranno.

Enjoy!


Condividi

Commentami!