有沒有辦法讓我的組件在 angular 中完全可重用？

Question

我創建了一個簡單的組件來使用 ngFor 指令顯示按鈕列表。

這是組件外觀的簡化版本： https : //stackblitz.com/edit/angular-eezqjv

數據最終將通過服務組件從 api 獲取，我想知道是否有辦法重用我用不同數據創建的這個列表組件。

Answer 1

這篇文章幫助我使我的組件可重用Angular 4 - 使組件更可重用

我放置了 @Input() 裝飾器，然后僅在 .ts 文件中實例化 Tile 類型的變量（我創建的接口），然后將數據從那里移動到使用該組件的文件中。 當我將自定義組件放在 html 模板文件中時，我使用方括號表示法將數據從 component.ts 綁定到 component.html