Quando usiamo JSON, possiamo avere degli array dentro un oggetto.
Quindi, quando cicliamo sul oggetto più grande, ci può capitare di dover eseguire anche un ciclo su un "sotto-array".
E questo mi è capitato in una app scritta in Ionic.
In pratica, l'oggetto principale riguardava gli attributi di un cliente; al quale sono legate più indiirizzi sui quali ciclare.
Abbiamo già parlato di AngularJS, nello specifico su come prendere i dati in formato JSON.
Partendo da quell'articolo vediamo come impostare una barra di ricerca per filtrare i risultati.
La parte di Javascript non cambia, in quanto il tutto è fatto da HTML, usando l'attributo ng-model e impostando il filter nell'attributo ng-repeat.
Bhe devo dire che ormai Javascript mi sta piacendo sempre di più come linguaggio, visto anche la quantità di framework e librerie in giro.
Oggi introduciamo AngularJS, ottimo framework per Javscript sponsorizzato direttamente da Google!
AngularJS si ispira al pattern MVC (Model-View-Controller) come altri concorrenti; quello che fa di questo framework quello vincente, almeno per me, è la semplcitià e il poco codice da usare.
Qui vedremo come reperire i dati in formato JSON e metterli sulla pagina HTML, senza fare uso di linguaggi lato server (si presuppone che abbiate già una fonte JSON).
Questa la pagina web di base:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mattepuffo's Books</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body ng-app="listBooksApp">
<div ng-controller="BooksCtrl">
<ul>
<li ng-repeat="book in books">
{{book.title}}
</li>
</ul>
</div>
</body>
</html>
Come vedete per usare AngularJS dobbiamo includere solo la sua libreria; non abbiamo bisogno di jQuery o di altro.