Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular Ruhr - New Control Flow
Search
Dominik Pieper
February 14, 2024
Programming
0
40
Angular Ruhr - New Control Flow
Dominik Pieper
February 14, 2024
Tweet
Share
More Decks by Dominik Pieper
See All by Dominik Pieper
Angular Ruhr @ Comline GmbH
dominikpieper
0
17
Durchdachte und robuste Frontend-Architektur mit Nx
dominikpieper
0
9
Other Decks in Programming
See All in Programming
HonoのRPCで真の型安全が欲しかった
kosei28
1
130
Direct Style Effect Systems The Print[A] ExampleA Comprehension Aid
philipschwarz
PRO
0
410
GoでParserを書く
karupanerura
3
350
2024 コーディング研修
ckazu
2
650
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
510
Docker_OSS_ホスティング入門
satokoki645
0
140
How to improve maintainability and readability of your automated tests? ( #scrumniigata )
teyamagu
PRO
1
130
TypeScriptから始める VR生活
tamagokakeg
2
120
TypeScript 関数型スタイルでバックエンド開発のリアル
naoya
49
16k
WinActorの勉強を継続する方法
tamai_63
0
130
Escolhendo (ou não) o melhor ORM para o seu projeto
andreiacsilva
1
160
TypeScriptのパフォーマンス改善
yajihum
14
5.1k
Featured
See All Featured
Making Projects Easy
brettharned
109
5.5k
Happy Clients
brianwarren
92
6.4k
Fireside Chat
paigeccino
22
2.7k
Gamification - CAS2011
davidbonilla
77
4.6k
Product Roadmaps are Hard
iamctodd
45
9.8k
Atom: Resistance is Futile
akmur
260
25k
Practical Orchestrator
shlominoach
183
9.8k
For a Future-Friendly Web
brad_frost
172
9k
GitHub's CSS Performance
jonrohan
1025
450k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
BBQ
matthewcrist
80
8.8k
Transcript
Ein Blick in die Zukunft Angular's neue Kontrollstrukturen
Dominik Pieper About me • Frontend Architekt • Nx Champion
• Consultant • Coach • Mentor Contact • Twitter: @dominik_pieper • eMail:
[email protected]
Neue Kontrollstrukturen • Neu ab Angular 17 • Alte Direktiven
nicht so ganz intuitiv • Erweiterung des Angular Templates • npx -p @angular/
[email protected]
ng new ng17project
*ngIf -> @if
*ngIf -> @if
*ngFor -> @for Required
*ngFor -> @for
*ngFor -> @for Nicht bei Request
*ngFor -> @for • $index : number • $even :
boolean • $odd : boolean • $count : number • $first : boolean • $last : boolean
*ngSwitch -> @switch
@defer • idle • interaction • immediate • timer(x) •
hover • viewport
@defer
Performance
VSCode Unterstützung und Migration • Download von Github • code
--install-extension ~/Downloads/ng-template.vsix • ng g @angular/core:control-flow-migration
Vielen Dank für die Aufmerksamkeit