Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Angular Ruhr - New Control Flow

Avatar for Dominik Pieper Dominik Pieper
February 14, 2024
Programming
110
0

Angular Ruhr - New Control Flow

Avatar for Dominik Pieper

Dominik Pieper

February 14, 2024

More Decks by Dominik Pieper

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

Other Decks in Programming

See All in Programming
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
150
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
280
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
260
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
3
360
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
190
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
Avatar for 赤神青空 akagami
PRO
0
160
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ！ ~
Avatar for po3rin po3rin
1
2.1k
cdk deploy JawsSonic #MARATHONしながらAWSリソースをデプロイしてみよう
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
140
Building an Out-of-Order CPU
Avatar for Latte72 latte72
1
790
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
120
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
150
wkhtmltopdfの次どうするか問題2026
Avatar for Shinichi Maeshima willnet
2
1.5k

Featured

See All Featured
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
480
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
250
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
480
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
280
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
420
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
560
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.2k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
810
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k

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