В Angular 2 я получаю ответ от бэкэнда ... я зацикливаю его в * ngFor в html-файле

Question

В Angular 2 после удаления элемента в *ngFor (элемент удален в бэк-энде) элемент все еще виден в представлении ... DOM не обновляется ... После обновления страницы элемент не виден на виде ...

Answer 1

Попробуйте что-то вроде этого:

this._service.delete(item)            
    .subscribe(
        (result) => { this.something = result },
        error => { this.errorMessage = <any>error; },
        () => {
            this.refreshView();         
});

   refreshView() {
    this._service.getItems()            
        .subscribe(
            (result) => { this.myItems = result },
            error => { this.errorMessage = <any>error; },
            () => {});
}

Answer 2

После удаления элемента из бэкэнда, вам необходимо выполнить любое из двух действий ниже. 1. Вызовите API, чтобы получить элементы из бэкэнда. 2. Если вы действительно не хотите, чтобы бэкэнд-вызов извлекал новый список после удаления, по крайней мере сращивайте / вырезайте элемент из списка, чтобы у * ngFor не было элемента в списке.

В противном случае у вас будет элемент в списке, пока список не будет обновлен.