ng-repeat

Mattepuffo's logo
Multi ng-repeat in Ionic

Multi ng-repeat in Ionic

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.

Mattepuffo's logo
Impostare un filtro con AngularJS

Impostare un filtro con AngularJS

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.

Mattepuffo's logo
AngularJS e JSON

AngularJS e JSON

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.