【发布时间】:2019-11-13 22:57:02
【问题描述】:
我创建了一个简单的组件来使用 ngFor 指令显示按钮列表。
这是组件外观的简化版本:https://stackblitz.com/edit/angular-eezqjv
数据最终将通过服务组件从 api 获取,我想知道是否有办法重用我用不同数据创建的这个列表组件。
【问题讨论】:
标签: html angular typescript angular-directive
我创建了一个简单的组件来使用 ngFor 指令显示按钮列表。
这是组件外观的简化版本:https://stackblitz.com/edit/angular-eezqjv
数据最终将通过服务组件从 api 获取,我想知道是否有办法重用我用不同数据创建的这个列表组件。
【问题讨论】:
标签: html angular typescript angular-directive
这篇文章帮助我使我的组件可重用 Angular 4 - make component more reusable
我放置了 @Input() 装饰器,然后仅在 .ts 文件中实例化 Tile 类型的变量(我创建的接口),然后将数据从那里移动到使用该组件的文件中。 当我将自定义组件放在 html 模板文件中时,我使用方括号表示法将数据从 component.ts 绑定到 component.html
【讨论】: