Angular 角度-前后迭代数组未定义

其目的是创建一个可以在阵列中前后移动的循环。阵列工作正常。但问题是在向前或向后单击函数时。我有一个错误，表示数组未定义

this.imgs = ['1', '2', '3', '4', '5', '6', '7', '8'];

this.index = this.imgs.length;
this.image$ = interval(1000).pipe(
  startWith(this.imgs[0]),
  takeWhile(() => !this.stoploop),
  map(() => {
    this.isImageLoaded = true
    return this.imgs[this.imgs.length - this.index++ % this.imgs.length - 1]
  })
);

backward() {
  if (this.index === (this.imgs.length - 1)) {
    return;
  }
  console.log( this.imgs[++this.index] );
}

forward() {

  if (this.index === 0) {
    return;
  }
  console.log(this.index[--this.index]);
}

---

请记住，让代码尽可能井然有序始终是很重要的，尤其是在学习和询问有关堆栈溢出的问题时。有助于沟通结构，更重要的是，有助于我们快速找到问题的根源，而无需花费大量时间试图解码正在发生的事情。你的前进是向后的（

--

），你的后退是向前的（

++

）？在你的

前进

，你有

这个.index[--this.index]

。可能应该是

this.imgs[--this.index]

？请在问题本身中包含重现此问题所需的所有代码，而不仅仅是在外部网站上。见和。