Archivi categoria: Angular

Angularjs ricerca con filtro e ordinamenti

Angular è uno dei framework più potenti per applicazioni in tempo reale.

Vediamo come implementare una ricerca ed un ordinamento su dati presi da mySql.

Prima tutto dobbiamo sapere che i dati devono essere formattati in Json, quindi dobbiamo creare la pagina Php che genera i dati in modo che possano essere letti da Angular.

Come vediamo dal codice sopra abbiamo fatto una query che prende l’id e il nome del comune.

Ora vediamo come prendere i dati tramite angular.

Il controller customersCtrl utilizza http.get per prendere i dati dalla pagina php data.php, e riempie quindi i modelli names. Tramite la direttiva ng-repeat possiamo scorrere tutti i record e visualizzarli in una tabella.

Tramite la direttiva ng-show possiamo ordinare le colonne. Tramite il filter searchComune automaticamente Angular filtra i dati.

Notiamo che abbiamo usato json_encode per formattare i dati così come se li aspetta Angular. In tal modo possiamo senza sforzo manipolare dati da qualunque fonte, nell’esempio abbiamo usato come fonte dati Mysql ma avremmo potuto usare qualsiasi altra come per esempio Sqlite, Access  o altre.

Vediamo l’esempio completo in questo link.