[Angular:删除列表中的对象时,无法滚动到顶部

问题描述 投票:0回答:1

我有一个这样的列表:https://i.stack.imgur.com/jj3nl.png

当我单击删除时,将重新加载数据并将页面滚动到顶部。我希望滚动条不要移到顶部。我该怎么做?谢谢。

这是我的代码:

  reloadData(){
    this.employees = this.employeeService.getEmployeesList();
  }

  deleteEmployee(id: number){
    this.employeeService.deleteEmployee(id)
    .subscribe(
      data => {
        console.log(data);
        this.reloadData();
      },
      error => console.log(error));
  }
angular single-page-application angular8
1个回答
0
投票

我建议不要再重新加载整个数据,而只是从数组中删除该位置的元素。像这样

    deleteEmployee(id: number, index){
    this.employeeService.deleteEmployee(id)
    .subscribe(
      data => {
        console.log(data);
        this.employees.splice(index, 1);
      },
      error => console.log(error));
  }

传递来自HTML的删除索引。

© www.soinside.com 2019 - 2024. All rights reserved.