删除项目后如何更新HTML5表

Question

在restaurant.component.ts

我想从arrayList删除一个项目，并在删除后更新它。查询正在执行删除操作，但列表未更新。我正在调用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中，声明一个变量

property alias child1: idOfChildOne

在您的qDeleteRestaurant（CODIGO：号码）上，指定

restaurants: restaurants[];

当然，在你的构造函数中，声明

this._restaurantService.restaurants = this.restaurants;

**您需要实施DoCheck，

 private _restaurantService: RestaurantService,.. 

这种方法是我在购物车中用来删除，添加，更新的方法。祝你好运。