6. Angular: @Ouhamza
Features
6
Angular 2 Angular 4 Angular 5 Angular 6 Angular 7
Sortie en 2016 Sortie en 2017 Paru le 1 novembre 2017 Paru le avril 2018 Paru le octobre 2018
Réécriture complète de Angular
1
De nombreuses améliorations
de performances sont apportées
pour réduire la taille du code
généré par le compilateur AOT.
exportAs: Dans Angular 5,
plusieurs noms prennent en
charge les directives et les
composants.
RxJS 6 Angular 7 a ajouté un nouveau
compilateur - Compatibility
Compiler (ngcc)
Entièrement écrit en TypeScript Les fonctions d'animation sont
séparées de @angular/core à
@angular/animation
HttpClient: jusqu’à utiliser
Angular 4.3 @ angular / HTTP
qui est maintenant amorti et
dans Angular 5, un nouveau
module appelé
HttpClientModule.
providedIn property in
injectable decorator
@Injectable({ providedIn:
'root'})
Introduire un nouveau Pipe
appelé - KeyValuePipe
Basé sur les composants au lieu
de contrôleur
Else block dans *ngIf introduit: Angular 5 prend en charge la
version TypeScript 2.3.
Modifications de la CLI: deux
nouvelles commandes ont été
introduites:
ng update <package>
Ng add
Angular 7 prenant désormais en
charge TypeScript 2.9.
Il supporte l’ES6 il aide les développeurs à
supprimer les codes inutiles de
leurs applications
Il utilise angular.json au lieu de
.angular-cli.json
7. Angular: @Ouhamza
TypeScript
7
• Angular 2+ est construit en TypeScript.
• Collaboration officielle entre Microsoft et Google.
• SuperSet d'EcmaScript 6.
• Améliorations par rapport à es6
23. Angular: @Ouhamza
Routing
Routes est une fonctionnalité qui aide votre application à devenir une application à page unique.
il redirige l'utilisateur vers un autre composant sans recharger la page.
23
29. Angular: @Ouhamza
RxJS, / ReactiveX (netflix) / reactive.streams.org
29
Rxjs-compat (old version) Rxjs 6.0 ( angular 6 +)
Npm install rxjs-compat S’installe par défaut
Observable, Subject ….. Sont importés à partir ‘rxjs/x’. Le tous est importés à partir ‘rxjs’.
Les opérations sont dans le package
‘rxjs/add/observable/x’
Le tous dans ‘rxjs/operators’.
Syntaxe pour ajouter operations: .oper() .pipe( oper(), oper() )
catch catchError
Throw throwError
Switch switchAll
Finally finalize
Développement réactive: