indexing - Angular2 *ng同じタグ内の属性としてインデックスを設定する場合

Question

ブートストラップ カルーセルを作成しようとしています。そのため、要素とカルーセル インジケーターを追加するために *ngFor を使用します (現在の位置を示す小さな円)

<li data-target="#myCarousel" *ngFor="#item of items; #idx = index"  data-slide-to="idx" [class.active]="idx === 0" >

[class.active]="idx​​ === 0" でアクティブなクラス エントリを設定していますが、正常に動作します。しかし、data-slide-to="idx​​" を設定しようとすると、結果は数値としての必要なインデックスではなく、文字列 "idx" になります。

インデックス値を割り当てる方法はありますか?

Answer 1

ここには 2 つのオプションがあります。

1. 属性に直接バインドする

[attr.data-slide-to]="idx"

2.文字列補間を使用する

attr.data-slide-to="{{idx}}"

Answer 2

バインディングには[]またはが必要{{}}です。属性へのバインドにはattr.プレフィックスが必要です

[attr.data-slide-to]="idx"