Angular夏季更新，Zoneless變更偵測與原生動畫API正式登場

Angular接連發布了20.1與20.2版本，重點包括Zoneless變更偵測正式推出已可用於生產，以及新增以原生CSS為基礎的進出場動畫API。這些更新的目標改善效能、降低維護成本，降低對框架附加機制的依賴，改以瀏覽器原生功能為主。

Zoneless的推出使開發者不再必須依賴zones驅動變更偵測。過去這種機制雖然方便，但在大型專案中容易導致除錯困難與打包檔案過大，而現在開發者只要在啟動應用程式時，加入對應的方法即可採用新的運作模式，既有使用zone.js的程式碼仍受支援，開發者可分階段進行轉換。這項改動有助於讓狀態更新的來源更透明，也能提升應用程式的可預測性。

動畫部分則新增animate.enter與animate.leave兩個API，允許直接在模板中指定元素進入或離開時應套用的CSS類別，像是常見的淡入或滑入效果，現在可以不依賴額外函式庫就完成。過去的@angular/animations套件已進入棄用階段，未來預期會逐步由CSS與新API取代。官方同時強調，這些API可與GSAP、anime.js等函式庫並用，提供更多彈性。

在開發工具方面，Angular DevTools新增路由樹視覺化與Signal相依圖（Signal Graph）。前者能以圖形方式呈現應用程式的路由結構，後者則協助追蹤訊號之間的資料流，對於複雜應用的狀態分析更為直觀。此外，測試流程也獲得簡化，建立測試元件時，開發者現在可以直接把輸入值當參數傳入，開發者不必再額外建立包裝元件（Wrapper component）進行測試。

另外，官方的元件測試工具也同步強化，提供更精確的檢索能力。開發者可以透過指定索引位置、計算元件數量，或依據浮動標籤文字進行篩選，來定位特定的元件實例。

除了框架核心的更新，Angular團隊也持續推進人工智慧整合，官方在angular.dev/ai提供教學與範例，涵蓋Genkit、Firebase AI Logic與Gemini API等技術，並提供IDE規則檔以改善大型語言模型產生程式碼的品質，同時也支援在Gemini Canvas與Google AI Studio產生Angular專案。