Angular 15 之後推出了全新的 Standalone Components 開發方式，擺脫傳統 NgModule 的束縛，讓我們能打造出更輕更快的 Angular 元件以及應用程式。未來極有可能會變成 Angular 開發的主流，而 Angular Elements 則可以幫我們把 Angular 的應用程式打包成符合 W3C 標準的 Web Components，可惜的是目前 Angular 文件還沒有特別針對 Standalone Components 如何使用 Angular Elements 特別做說明，這篇文章就來介紹一下如何將 Angular 的 Standalone 轉換成 Web Components。

Angular v15 推出了新的 feature - directive composition API，可以方便我們更加容易組合出更複雜的 directive。

這篇文章就讓我們來快速體驗一下 directive composition API 使用起來是什麼感覺！