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

Angular Ruhr - New Control Flow

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

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
43
Durchdachte und robuste Frontend-Architektur mit Nx
Avatar for Dominik Pieper dominikpieper
0
20

Other Decks in Programming

See All in Programming
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
0
150
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
590
C++20 射影変換
Avatar for Akira Takahashi faithandbrave
0
550
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
Avatar for Yuka O’oka oukayuka
2
870
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
330
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
960
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
460
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
210
PipeCDのプラグイン化で目指すところ
Avatar for Warashi warashi
1
190
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
Avatar for Shohei Okada okashoi
1
210
技術同人誌をMCP Serverにしてみた
Avatar for 74th(Atsushi Morimoto) 74th
1
440
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
240

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k

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