Блог

Главная - Вопросы по программированию - обновить угловой компонент после удаления элемента

обновить угловой компонент после удаления элемента

#javascript #angular

#javascript #угловой

Вопрос:

Я хочу обновить свою страницу списка контактов после удаления одного контакта в таблице, но это не работает, есть идеи? Это список контактов в файле contact.component.ts

  Swal.fire({
    title: 'Voulez-vous supprimer ce contact?',
    icon: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Supprimer!',
    cancelButtonText: 'Annuler'
  }).then((result) => {
    if (result.value) {
       return this.contactsService.deleteContact(id).subscribe(data => {
        Swal.fire(
          'Effectué!',
          'Le contact a été supprimé.',
          'success'
        )
       location.reload();
  },error => {
    console.log("Erreur lors de la suppression du contact : ",error);
  });
    } else if (result.dismiss === Swal.DismissReason.cancel) {
      Swal.fire(
        'Cancelled',
        'Your imaginary file is safe :)',
        'error'
      )
    }
  })
}

Я использую location.reload, но он не работает

Комментарии:

1. Вам действительно нужна вся страница или, может быть, просто обновить список, чтобы отразить удаленный элемент?

2. попробуйте обновить источник данных после его удаления. затем он будет автоматически отображать изменения

Ответ №1:

Вы должны попробовать

 Swal.fire('Effectué!','Le contact a été supprimé.','success').then(() => location.reload())

Ответ №2:

 // Import these 
import { Inject } from '@angular/core';    
import { DOCUMENT } from '@angular/common';

// Add constructor (If not already added)
constructor(@Inject(DOCUMENT) private document: Document){ }

// Add the following line where you want to reload the page
this.document.location.reload();