用角度6删除功能上的引导程序模式替换window.confirm

Question

我具有以下用于显示图书列表的HTML：

`       

        <h4 class="thumbnailText">{{book.title | titlecase | removeSpecial}}</h4>
      <p><a routerLink="/book-details/{{book.id}}" class="btn btn-default btn-sm" role="button">View and Edit</a>
        <a title="delete book" (click)="delete(book)" class="btn btn-default btn-sm" role="button">Delete Book</a></p>
    </div>
  </div>
</li>`

这是删除功能的工作方式

 delete(book: Book): void {
    if (window.confirm('Are sure you want to delete this book?')){
      this.books = this.books.filter(b => b !== book);
      this.bookService.deleteBook(book).subscribe();
    }

我想用bootstrap modal替换window.confirm。我试图在ngFor li中切换模式，但无法点击。

如何正确用引导程序模式替换window.confirm？