如何在angular2中将数组的索引从一个组件传递到另一个组件？

Question

目前我正在使用angular，我在这个打字稿文件中有一个数组。

var channelArray = {"channel1", "channel2", "channel3"}

在我的HTML中我有像

这样的代码

<div *ngFor="let val of channelArray">
            <de-series-prop></de-series-prop>
            </div>

如何将数组的索引传递给series-prop组件。我需要索引值来在series-prop组件中分配一些值。

Answer 1

<div *ngFor="let val of channelArray; let i = index">
  <de-series-prop [index]="i"></de-series-prop>
</div>

在您的组件中：

@Input()
index: Number;

Answer 2

* ngFor将索引公开为局部变量。

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">...</li>

您可以查看文档here。