有没有办法让我的组件在角度上完全可重用？

Posted 2023-02-22

【中文标题】有没有办法让我的组件在角度上完全可重用？

【英文标题】：Is there a way to make my components fully reusable in angular?

【发布时间】：2019-11-13 22:57:02

【问题描述】：

我创建了一个简单的组件来使用 ngFor 指令显示按钮列表。

这是组件外观的简化版本：https://stackblitz.com/edit/angular-eezqjv

数据最终将通过服务组件从 api 获取，我想知道是否有办法重用我用不同数据创建的这个列表组件。

【参考方案1】：

这篇文章帮助我使我的组件可重用 Angular 4 - make component more reusable

我放置了 @Input() 装饰器，然后仅在 .ts 文件中实例化 Tile 类型的变量（我创建的接口），然后将数据从那里移动到使用该组件的文件中。 当我将自定义组件放在 html 模板文件中时，我使用方括号表示法将数据从 component.ts 绑定到 component.html