如何在angular2中將數組的索引從一個組件傳遞到另一個組件？

Question

目前我正在使用角度和我有這樣的打字稿文件中的數組。

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

在我的HTML我有這樣的代碼

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

我如何通過陣列系列螺旋槳組件的索引。我需要索引值在串聯組件中分配一些值。

Answer 1

* ng將索引作爲局部變量公開。

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

你可以看到文檔here。

Answer 2

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

在您的組件：

@Input() 
index: Number;