HTML enhanced for web apps!
— angularjs.org
AngularJS est un framework JavaScript qui permet :
Il s'agit du contrôleur au sens MVC, lien entre les données / services et les vues. Il orchestre l'exécution de l'application.
Le scope apporte la visibilité des modèles à une vue. C'est un objet JavaScript attaché à l'application, un contexte d'exécution. Voici quelques caractéristiques :
Les expressions ressemblent à du code JavaScript et sont écrites avec des doubles accolades {{ expression }}.
Voici quelques expressions valides :
Les services sont des objets JavaScript qui sont cablés ensembles via l'injection de dépendances. Ils sont :
Exemples de services natif à AngularJS :
C'est un patron de conception sur la manière dont les composants récupèrent leurs dépendances.
AngularJS utilise une approche de résolution des dépendances à la création des composants.
Ainsi ci-dessous nous apprenons à AngularJS à créer un service 'greet' dépendant d'un autre componsant '$window' :
someModule.factory('greet', ['$window', function($window) {
// ...
}]);
Ou comment ne plus utiliser jQuery
app/
├── css/ --> CSS files
│ └── app.css --> default stylesheet
├── img/ --> image files
├── index.html --> app layout file
├── js/ --> JavaScript files
│ ├── app.js --> application
│ ├── controllers.js --> application controllers
│ ├── directives.js --> application directives
│ ├── filters.js --> custom AngularJS filters
│ └── services.js --> custom AngularJS services
└── partials/ --> AngularJS view partials (template)
├── partial1.html
└── partial2.html
Cette architecture est discutable, je préfère l'approche un fichier par objet métier (maps, messages, ...)
AngularJS est un framework JavaScript, vous avez donc juste à servir les ressources statiques par un simple serveur HTTP (apache / nginx).
L'idéale est de passer par une phase de 'build' pour minifier les ressources.
https://github.com/makinacorpus/openmapeditor
| Table of contents | t |
|---|---|
| Exposé | ESC |
| Autoscale | e |
| Full screen slides | f |
| Presenter view | p |
| Source files | s |
| Slide numbers | n |
| Blank screen | b |
| Notes | 2 |
| Help | h |