如何在组件中传递具有泛型 T 的 @input() 属性（@Input() ItemList: T[] = [];）

Posted 2023-03-13

【中文标题】如何在组件中传递具有泛型 T 的 @input() 属性（@Input() ItemList: T[] = [];）

【英文标题】：How to pass @input() property with generic type T in an component ( @Input() ItemList: T[] = [];)

【发布时间】：2020-04-02 14:49:04

【问题描述】：

我正在构建一个组件，它接受一个名为 itemList 的 @Input() 属性，如下所示，

@Input() ItemList: T[] = [];

有没有办法在 Angular 5 中将 T 类型的 @Input 属性从父组件传递给子组件？

任何示例都会有所帮助。由于我们使用的是 AOT ，所以它不是那么简单。

【问题讨论】：

这能回答你的问题吗？ Declare a component with generic type

在发布这个问题之前，我已经检查了这个。不幸的是，它没有回答我的问题。

【参考方案1】：

尝试在类定义中定义泛型。

例子：

export class MyListComponent<T> implements OnInit 
   @Input() itemList: T[] = [];

   ngOnInit() 

【讨论】：

假设你的组件 MyListComponent 是一个子组件。所以你能添加代码吗，父组件将如何使用这个子组件，特别是传递一个 T 类型的 @Input 属性？

在 html 中：<my-list-component [itemList]="yourList"></my-list-component>.

在 TS：@ViewChild(MyListComponent) listComponent: MyListComponent<ItemList>.