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