div的angular2栈

Question

我正在尝试重新制作这篇文章：如何使用ng-重复创建div堆栈

这是一个将angular1代码转换成angular2/3版本的代码。然而，我只有一个部分，那就是：

ng-class="{'card-hide': index  > $index + 1}"

不管用。我把它写成：[ngClass]="{'card-hide': index > $index + 1}"，但那个$index无效。这里有一个柱塞：

http://plnkr.co/edit/tLVJrpqavKbHvKzMljNG?p=preview

我在app.js中看到他们使用$scope.index = 1；

我试过[ngClass]="{'card-hide': index > index + 1}"，但也不工作。每次单击按钮或调用函数以删除元素时，我都需要将这个类card-hide添加到ngFor列表中的最后一个元素中。因此，应该只在列表中的最后一个元素中添加该类，如果返回，则删除该类。柱塞器已经解释了一切，只是用Angular1写的

Answer 1

在本例中，$index指的是单个卡的索引。我们可以使用以下方法来做到这一点：

*ngFor="let card of cards; let $index = index" 

下面是一个Stackblitz示例