堆栈的div的angular2

Question

我正在尝试重新发布这篇文章：angularjs How to create stack of divs with ng-repeat

这是angular2 / 3版本的angular1代码。但是，我只被困在一个部分，其中：

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

不起作用。我正在制作：[ngClass]="{'card-hide': index > $index + 1}"，但$index无效。他们在这里提供了一个plunker：

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

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

我尝试过[ngClass]="{'card-hide': index > index + 1}"，但也没有工作。我需要将这个类card-hide添加到ngFor列表中的最后一个元素，每次单击一个按钮或调用一个函数来删除该元素。因此，此类应仅添加到列表中的最后一个元素中，如果您返回则将其删除。 plunker解释了所有内容，只是用Angular1编写的

Answer 1

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

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

Here is a Stackblitz example