Angular 5

7 Mar 2018 · 1 mins de lecture · angular angularjs

Quelques notes sur Angular 5

v2, 3, 4, 5 ne sont que des petites évolutions très différent AngularJS (= v1)

Installation d'un projet

1npm install -g @angular/cli
2ng new nom_projet --style=sass --routing
3cd nom_projet
4ng serve

puis ouvrir un navigateur sur http://localhost:4200

Build du projet :

1ng build (créé rep dist, js de 3 Mo)
2ng build --prod (cré rep dist, js de 80Ko gzippé)

Si l'app ne tourne pas à la racine de son domaine

1ng build --prod --base-href=/subdir/

--aot pour un max de compilation au build

data binding {{ title }} 2 way data binding ([title])="

Lazy Load des scripts

Lazy loading Notion de "feature modules" https://angular.io/guide/lazy-loading-ngmodules (projet testable) ou config webpack chiante

Observable avec rxjs Données qui peuvent mettre du temps à arriver (asynchrone) mieux que les promesses car elles peuvent arriver par petits bouts