在每个响应卡之后放置箭头

Question

我正在开发angular应用程序。我想要有一个反应灵敏的动态卡，每个卡之间都有箭头。我的代码如下：

<div class="col-4" style="width:25%" *ngFor="let element of myArray">
<div class="card-body">
</div>my card</div>
</div>
</div>
myArray=[
{
"id":1
},
{
"id":2
},
{
"id":3
},
{
"id":4
}
]

这是创建响应卡，但在每张卡之后，我想添加一个箭头，除了最后一张卡。卡不应该转到另一行，它应该像以前一样响应。我该怎么做？

Answer 1

<div class="col-4" style="width:25%"
*ngFor="let element of myArray; let last = last">
<div class="card-body">
</div>my card</div>
</div>
<!-- your element with arrow (you can also put it inside div with clas "card-body", just use !last to hide arrow in last element -->
<img src="./arrow.png" *ngIf="!last">
</div>