小编Ale*_*non的帖子

Angular 5 - ngFor 在切片数组上的子索引

我有一个列表,让我们称之为数字答案,并获取该数组的切片并显示其中的值。我想做的是记下我想要的位置在数组中的位置......

<div *ngFor="let item of answers | slice: 3:6" class="float-left square">
    {{ item }}
</div>
Run Code Online (Sandbox Code Playgroud)

我努力了:

<div *ngFor="let item of answers | slice: 3:6; index as i" class="float-left square">
    {{ item }} {{ i }}
</div>
Run Code Online (Sandbox Code Playgroud)

i结果分别是0、1、2, 而不是所需的3、4、5

想法?正如我在询问之前搜索时所说的那样,使用索引的想法可能是假的。

我的解决方案

很多人都有一些很棒的想法;但是,不太合适。

<div *ngFor="let item of answers | slice: 60:63; index as i"
                (click)="pickSquare(60 +i)" id="{{60 + i}}"
                class="float-left square">{{item}}</div>
Run Code Online (Sandbox Code Playgroud)

我所做的就是手动输入起始值来选择方块,并创建一个 ID,这样我就可以找到唯一的 Div(看起来仍然是倒退的)。

在我的 .ts 文件中,我创建了一个记住变量并创建了一个 pickSquare 添加了一个类来突出显示该正方形已被选中。然后,通用找到任何“红色”,让我们称之为它,以清除棋盘并在事后放置一个新的“红色”挑选的方块。

作为“新人”,我希望我能接受所有答案,因为你们都给了我很大的帮助。

angular

5
推荐指数
1
解决办法
3380
查看次数

标签 统计

angular ×1