ng-controlle

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.