angular - Ionic 3 和 Angular 2 中的多个 @Input

Question

在我的 Ionic 3 项目中，我创建了自定义组件 my-component。现在我们知道使用 angular @Input 我们可以将数据传递给这个组件。我有 2 个输入作为

  @Input('finder') myFinder: Finder; //Finder is an Interface
  @Input('list') myList: Array<any>;

我将此组件用作

<my-component [finder]="dataFinder" [list]="aList"></my-component>

两者都dataFinder具有aList价值，但myFinder价值始终是正确填充的undefined地方。myList

这是使用多个输入的任何限制吗？

score 1 · Accepted Answer

实际上，您根本不需要维护 2 个数据绑定属性。您可以更优雅地执行此操作，如下所示。希望代码是不言自明的。

我的班级.ts

export class MyClass{
   finder:Finder;
   myList:Array<any>;   
}

.ts

@Input('data') data: MyClass;

.html

<my-component [data]="data"></my-component>

1 回答 1