Javascript 删除方法购物车角度错误

我只想删除一个点击的项目，我做了一个代码，但我有错误，我已经被卡住了2天

错误类型错误：this.addedBook.indexOf不是函数

谢谢你的帮助

ts.file

export class PaymentComponent implements OnInit {

  addedBook: any = [];
  product:any;

  constructor(private bookService: BookService) { }

  ngOnInit(): void {
    this.addedBook = this.bookService.getBookList();
  }

  delete() {
    this.addedBook.splice(this.addedBook.indexOf(this.product), 1);
  }

}

export interface BookType {
    title: string;
    price: number;
    cover: string;
    synopsis: string;
}

html

 <div class="product" *ngFor="let book of addedBook | async">
        <div class="product-image">
            <img [src]="book.cover" alt="book">
        </div>
        <div class="product-details">
            <div class="product-title">{{book.title}}</div>
        </div>
        <div class="product-price">{{book.price | currency: 'EUR'}}</div>
        <div class="product-quantity">
            <input type="number" value="1" min="1">
        </div>
        <div class="product-removal">
            <button class="remove-product" (click)="delete()">
                Supprimé
            </button>
        </div>

---

我想您在

delete

方法中切换了

addedBook

和

product

，并使用了更多的打字，而不是更清晰的任何打字。另外，

1

可能属于

拼接

。但是，您的代码将

1

提供给

indexOf

。试一试

delete() {
    this.addedBook.splice(this.addedBook.indexOf(this.product), 1);
  }

---

我想您在

delete

方法中切换了

addedBook

和

product

，并使用了更多的打字，而不是更清晰的任何打字。另外，

1

可能属于

拼接

。但是，您的代码将

1

提供给

indexOf

。试一试

delete() {
    this.addedBook.splice(this.addedBook.indexOf(this.product), 1);
  }

---

感谢您的帮助，我有以下错误：TypeError:this.addedBook.indexOf不是函数谢谢您的帮助，我有以下错误：TypeError:this.addedBook.indexOf不是函数