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

时间:2019-07-03 09:24:54

标签: html angular typescript angular-directive

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

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

最终将通过服务组件从api中获取数据,我想知道是否有一种方法可以重用我用其他数据创建的列表组件。

1 个答案:

答案 0 :(得分:0)

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

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