![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-32-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-33-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-36-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-37-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-38-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-39-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-40-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-41-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-42-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-44-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-45-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-46-320.jpg)
![[Angular][WenConf 2024] 那些年，你所不知道的 Angular](https://image.slidesharecdn.com/webconfangular-241228165122-c6f6ce1d/85/Angular-WenConf-2024-Angular-52-320.jpg)
[Angular][WenConf 2024] 那些年，你所不知道的 Angular
- 1. 這些年，你所不知道的 Angular 2024/12/28 - WebConf TW 1
- 2. 2 Leo 李歐 ? Angular Taiwan 打雜 工 ? iT 邦幫忙 2018、2019、2021 ? 大 神來六 角 2020～2023 ? devfest Taipei 2023 ? COSCUP 2022 ? 六 角 學院 - TypeScript 30 天證書 培訓營講師（2024） （陳志龍）
- 3. Angular v19 is available!! 2024/11/19
- 4. 這些年，Angular 變了 ? DX 變得更好（less code） ? 程式碼重 用 性更好（同上） ? 更 Reactive （Function Programing） ? 效能更佳（Signal 、 Zoneless） ? Build 速度更外（vite + esbuild）
- 6. Old way
- 7. New way
- 8. Old way
- 9. New way
- 10. New way
- 11. inject() (v14+)
- 12. Old way
- 13. New way
- 14. New way
- 15. New way
- 16. New way
- 18. New way
- 19. New way
- 20. New way -
- 21. New way
- 22. Template - Control Flow (v17+)
- 23. Old way - NgIf
- 24. New way - NgIf
- 25. Old way - NgFor
- 26. New way - NgFor
- 27. Old way - NgSwtich
- 28. New way - NgSwtich
- 29. Template - Variables in templates (v18.1+)
- 30. Old way
- 31. New way
- 34. ?
- 43. idle Triggers when the browser is idle. viewport Triggers when speci f ied content enters the viewport interaction Triggers when the user interacts with speci f ied element hover Triggers when the mouse hovers over speci f ied area immediate Triggers immediately after non-deferred content has f inished rendering timer Triggers after a speci f ic duration
- 48. Writable signals
- 49. Computed signals
- 50. Computed signals
- 51. effect()
- 53. effect() - use case ? 記錄正在顯 示 的資料以及資料何時發 生 變化， 用 於分析或作為 debug 工 具 ? 保持資料與 Storage 同步 ? 新增無法使 用 範本語法表達的 自 訂 DOM 行 為 ? 對 canvas 、 圖表或其他第三 方 UI 函式庫執 行 自 訂渲染
- 55. Old Way
- 56. New Way
- 57. Sample
- 58. Recap ? v14+：StandaloneComponent、inject() ? v16+：Signal、withComponentInputBinding() ? v17+：Control Flow、@defer ? v18.1+: @let ? v19+: LinkedSignal
- 59. Reference ? Angular v14 is now available! ? Angular v15 is now available! ? Angular v16 is here! ? Introducing Angular v17 ? Angular v18 is now available! ? Meet Angular v19
- 60. Reference ? Angular O ff icial Doc - Control Flow ? Introducing @let in Angular