1

私の 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

これは、複数の入力を使用する制限ですか?

4

1 に答える 1

1

実際には、2 つのデータ バインド プロパティを維持する必要はまったくありません。以下に示すように、よりエレガントに行うことができます。Hope コードは自明です。

my-class.ts

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

.ts

@Input('data') data: MyClass;

.html

<my-component [data]="data"></my-component>
于 2017-10-31T04:14:55.147 に答える