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

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

前幾天我們花了不少時間在介紹 *ngComponentOutlet 以及 *ngTemplateOutlet ，這種會改變 DOM 結構的語法，像是 *ngIf 或 *ngFor 等等，在 Angular 裡都稱為 Structural Directive，這種用法看起來跟我們自己設計 directive (像是 ngClass 或 ngStyle 等，又稱為 Attribute Directive) 很像，但多了個星號開頭，不過它其實只是個語法糖，原理是差不多的。如果我們想要設計這種符合語法糖的程式，該怎麼做呢？

Angular 提供了一種可以很擴充元件或HTML標籤屬性的方式，叫做 directive，透過這種方式我們可以很輕易地替現有的元件或 HTML 擴充它的顯示或行為，但單純擴充有時候是不夠的，如果我們希望能夠在程式中操作 directive 的話，今天學習的 exportAs 就是一個很好的使用時機。

今天我們要介紹Angular中的attribute directive，透過attribute directive，我們可以自行擴充元件的屬性，讓元件更富有變化性！