刪除項目

Question

在restaurant.component.ts

我想從arrayList刪除一個項目並對其進行更新後，刪除後如何更新HTML5表格。查詢正在執行刪除操作，但列表沒有更新。我打電話ngOnInit()方法，但什麼也沒發生

ngOnInit() { 
this.restaurantesService.GetRestaurantes() 
.subscribe((restaurantes => { 
    this.restaurantes = restaurantes; 
})) 

}

qDeleteRestaurantes(CODIGO: number){ 
var restaurantes = this.restaurantes; 
this.restaurantesService.DeleteRestaurantes(CODIGO) 
.subscribe((data) => { if (data.n ==1){ 
    for(let i=0;i<restaurantes.length;i++){ 
    if(restaurantes[i].CODIGO == CODIGO){ 
     this.restaurantes.splice(i,1); 
     this.ngOnInit(); 

    }   
    } 
}}) 

}

Answer 1

在你restaurant.service，聲明一個變量，

restaurants: restaurants[]; 

在您qDeleteRestaurant （CODIGO：number），轉讓

this._restaurantService.restaurants = this.restaurants; 

當然，在構造函數中，聲明

private _restaurantService: RestaurantService,.. 

**你需要實現DoCheck，

ngDoCheck(){ 
    this.restaurants = this._restaurantService.restaurants; 
} 

這個方法是我在我的購物車刪除使用，添加，更新。祝你好運。