如何使用线程或异步以 2/4 角度将数据绑定到 html

Question

我有一个组件，它有子组件。在 ngOnInit() 我正在调用 Web API 并获取数据列表。

列表的初始点长度是10，但它会更多。

需要在后台执行一些方法（task|process|job）以在一个循环中以 10 x 10 的形式获取其余数据，无论用户当前在做什么，他都在执行哪个组件，这将与后台的其他任务并行运行/她正在与之互动。并执行该方法，使其不会阻塞其他人。

这样做的正确方法是什么？

Answer 1

对我来说似乎是一个递归调用！

firstResults: any[] = []; // First 10 results to show to your user
results: any[] = []; // All results
currentPosition = 0; // The current position of your last result fetched

getData() {
  this.myService.getResults().subscribe(results => {
    if(!this.firstResults.length) {
      this.firstResults = results
    }
    this.results.push(...results);
    this.currentPosition += results.length;
    this.getData();
  });
}

Answer 2

我不认为你正在尝试这样做。但如果列表不是那么大，您可以获取所有数据并对数组“分页”

allData:any[];
page:number=0; //page is 0,1,2,3,4....
paginateData:any[]
this.httpClient.get("url").subscribe(res=>{
     allData=res;
     paginateData=allData.slice(10*this.page,10*(this.page+1));
}