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
79
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
40
Durchdachte und robuste Frontend-Architektur mit Nx
dominikpieper
0
17
Other Decks in Programming
See All in Programming
sappoRo.R #12 初心者セッション
kosugitti
0
260
Domain-Driven Transformation
hschwentner
2
1.9k
定理証明プラットフォーム lapisla.net
abap34
1
1.8k
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
2
310
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
390
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
120
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.4k
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
WebDriver BiDiとは何なのか
yotahada3
1
140
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
550
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
410
GraphQLとの向き合い方2022年版
quramy
44
13k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Documentation Writing (for coders)
carmenintech
67
4.6k
What's in a price? How to price your products and services
michaelherold
244
12k
A better future with KSS
kneath
238
17k
Designing for humans not robots
tammielis
250
25k
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