如何使用angular8根据上一个和下一个按钮单击使表单中的数据发生变化

Question

我使用了反应形式，因此根据右侧的项目选择，左侧的形式将被特定的行值替换。 现在不是通过手动单击更改行值，如果我单击上一个和下一个，它必须从列表中获取前一个值，反之亦然，如果所选值是表中的第一个，则必须禁用上一个，必须启用下一个, 如果选择的值是最后一个，则下一个按钮将被禁用。 我搜索了很多东西，但没有任何帮助我解决我的问题。

演示： 演示

TS：

previousValue() {
    --this.userDetails.id
  }

  nextValue() {
    ++this.userDetails.id
  }

Answer 1

如果我正确理解您的情况 - 这是您的解决方案： https : //stackblitz.com/edit/github-ck3u8u-3lwowg?file=src%2Fapp%2Fapp.component.ts

然后根据 userIndex 值和列表的长度，您可以禁用按钮。