Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular Ruhr - New Control Flow

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Dominik Pieper Dominik Pieper
February 14, 2024
Programming
0
100

Angular Ruhr - New Control Flow

Avatar for Dominik Pieper

Dominik Pieper

February 14, 2024
Tweet

More Decks by Dominik Pieper

See All by Dominik Pieper
Angular Ruhr @ Comline GmbH
Avatar for Dominik Pieper dominikpieper
0
47
Durchdachte und robuste Frontend-Architektur mit Nx
Avatar for Dominik Pieper dominikpieper
0
24

Other Decks in Programming

See All in Programming
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
130
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.1k
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
570
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400

Featured

See All Featured
HDC tutorial
Avatar for Michiel Stock michielstock
1
380
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Design in an AI World
Avatar for tapps tapps
0
140
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
320
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
78
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

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: [email protected]

  3. Neue Kontrollstrukturen • Neu ab Angular 17 • Alte Direktiven

    nicht so ganz intuitiv • Erweiterung des Angular Templates • npx -p @angular/[email protected] 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