Удалить строку из шаблона динамически

Question

У меня проблемы с удалением строки из шаблона.Мне удалось удалить запись из базы данных, но не из шаблона.

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

это.статьи.сплайс не является функцией

delete.component.ts

deleteArticle(id: number) {
  return this.httpClient.delete(`${this.AUTH_SERVER}/api/v1/delete-article/${id}`).subscribe((res: any[]) => {
    console.log(res);
    this.listArticles();
    this.snackBar.open('Article deleted!', '', {
      duration: 2000
    });
  });
}

delete.component.html

<button mat-stroked-button color="warn" (click)="this.articleService.deleteArticle(article.id)">
  <i class="material-icons">
    delete_forever
   </i>
   Delete
</button>