Angular.js: ordinare e filtrare dei dati

Prendendo spunto dal post precedente vediamo come filtrare “al volo” dei dati e presentarli ordinati:

Lo schema sarà identico al tutorial del post precedente ma con delle interssanti varianti:

come prima cosa portiamo il controller direttamente sulla lista:

<ul ng-controller="BrowserListCtrl">

successivamente prepariamo un campo di input per filtrare i dati

Cerca: <input ng-model="query">

con l’ng-model per implementare il binding dei dati

e infine

<li ng-repeat="borwser in borwsers | filter:query | orderBy:'nome'">

dove nell’istruzione per ripetere tante liste quanti sono i nostri elemnti nel JSON agganciamo, separandoli con il pipe, ance il filtro e la clausola di ordinamento

L’esempio