叠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无效。他们在这里提供了一个小矮人：

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" 

Here is a Stackblitz example