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

Question

i have used reactive forms, so based on selection of item in the right hand side, left side form is getting replaced with the particular row values. Now instead of changing the row values by manual click, if i click on previous and next it must take up the previous value from list and vice versa, if the selected value is the first in table then previous must be disabled and next must be enabled, if selected value is last then next button to be disabled. I searched so many things but nothing helped me to solve my issues.

DEMO: DEMO

TS:

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

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

Answer 1

If I understand your case correctly - it's your solution: https://stackblitz.com/edit/github-ck3u8u-3lwowg?file=src%2Fapp%2Fapp.component.ts

then based on userIndex value and the length of the list you can disable buttons.