div 的 angular2 堆栈

Question

我正在尝试重新制作这个 post：

这是 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}" 但还是不行。我需要将这个 class card-hide 添加到 ngFor 列表的最后一个元素，每次我单击一个按钮或调用一个函数来删除该元素。因此，这个 class 应该只添加到列表的最后一个元素中，如果返回则删除。 plunker 已经解释了一切，只是用 Angular1

写的

Answer 1

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

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

Here is a Stackblitz example

div 的 angular2 堆栈

Stacks of div's angular2

angular

angular2-directives