我在创建一个基于Angular 2的ngFor循环索引的动态类名时遇到了问题。由于Angular 2不喜欢将ngFor和ngIf放在同一元素上,所以必须使用以下语法。
使用这种语法,如何使用{{index}}
的值创建一个动态类名?我知道这不是正确的A2代码,但我在我的代码示例中放入它,以向您展示我想要该值出现的位置。
<div class="product-detail__variants">
<template ngFor #variant [ngForOf]="variants" #index="index">
<div *ngIf="currentVariant == index">
<div class="product-detail-carousel-{{index}}">
</div>
</div>
</template>
</div>
值 "variants" 是一个长度为零的空数组。因此,"variant" 没有值。
"currentVariant" 是一个数字,默认值为 0。
编辑:上面的代码是正确的。我有另一个无关的错误,我以为它与这段代码有关。
ngClass
吗?https://angular.io/docs/ts/latest/api/common/NgClass-directive.html - Langley