Как изменить данные в форме на основе предыдущего и следующего нажатия кнопки, используя angular8

Question

Я использовал реактивные формы, поэтому в зависимости от выбора элемента в правой части, левая форма заменяется определенными значениями строк. Теперь вместо того, чтобы изменять значения строк вручную, если я нажимаю на предыдущее и следующее, оно должно взять предыдущее значение из списка и наоборот, если выбранное значение является первым в таблице, тогда предыдущее должно быть отключено, а следующее должно быть включено , если выбранное значение является последним, то следующая кнопка будет отключена. Я искал столько всего, но ничего не помогло мне решить мои проблемы.

DEMO: DEMO

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 и длины списка вы можете отключить кнопки.