对于网页中的多步骤配置，我有以下 2 个功能。
protected clickNext(event:any, config:any) : any{
this.activeIndex++;
}
protected clickPrev(event:any, config:any) : any{
this.activeIndex--;
}
纽扣：
<div class="form-group text-center">
<!-- <a class="btn" style="color: white" [disabled]="disabled"> Previous </a> -->
<button type="submit" class="btn" style="color: white" [disabled]="prevBtn_disabled" (click)="clickPrev($event, _finalConfig)">Prev</button>
<button type="submit" class="btn" style="color: white" [disabled]="nextBtn_disabled" (click)="clickNext($event, _finalConfig)">Next</button>
</div>
当我单击下一个按钮时clickNext将触发，当我单击上一个按钮时clickPrev将被触发。activeIndex 是传入 html 的变量，以确定要激活的步骤。这就是整个想法。正如你所看到的，config这是一个数组。我需要实现的是，一旦我到达数组中的最后一步或最后一个对象，如果我在第一个对象并单击上一个对象，我就不需要执行相同的 ++ 操作。不应该做--。抱歉，我对 Javascript 有点陌生。我怎样才能实现它？提前谢谢各位
您可以测试是否this.activeIndex已经等于config数组中第一项或最后一项的索引：
protected clickNext(event:any, config:any) : any{
if (this.activeIndex < config.length - 1) {
this.activeIndex++;
}
}
protected clickPrev(event:any, config:any) : any{
if (this.activeIndex > 0) {
this.activeIndex--;
}
}
如果已经在最后一步或第一步中禁用Next或Prev按钮，这样用户就会有一些迹象表明他们在一端或另一端，这将是一件好事。（但我不能告诉你怎么做，因为你没有显示你的按钮。）
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句