Angular Ruhr - New Control Flow

Transcript

1. Ein Blick in die Zukunft Angular's neue Kontrollstrukturen
2. Dominik Pieper About me • Frontend Architekt • Nx Champion • Consultant • Coach • Mentor Contact • Twitter: @dominik_pieper • eMail: dominik.pieper@conciso.de
3. Neue Kontrollstrukturen • Neu ab Angular 17 • Alte Direktiven nicht so ganz intuitiv • Erweiterung des Angular Templates • npx -p @angular/cli@17.0.0-rc.3 ng new ng17project
4. *ngIf -> @if
5. *ngIf -> @if
6. *ngFor -> @for Required
7. *ngFor -> @for
8. *ngFor -> @for Nicht bei Request
9. *ngFor -> @for • $index : number • $even : boolean • $odd : boolean • $count : number • $first : boolean • $last : boolean
10. *ngSwitch -> @switch
11. @defer • idle • interaction • immediate • timer(x) • hover • viewport
12. @defer
13. Performance
14. VSCode Unterstützung und Migration • Download von Github • code --install-extension ~/Downloads/ng-template.vsix • ng g @angular/core:control-flow-migration
15. Vielen Dank für die Aufmerksamkeit