angular - Angular 服务代码运行延迟

Question

我是角度的新手。学习 Angular 6。尝试从运行良好的数据库中获取数据。但我也在尝试获取返回数组的长度。问题是在数组返回之前正在执行获取长度的代码。所以它显示未定义。

谁能帮我这个 ？这段代码有什么问题？

listItems: any;

constructor(private crud_data: CrudserService) { }

ngOnInit() {
this.crud_data.get_the_list().subscribe(
res => this.listItems = res
);
this.todolist_count = this.listItems.length;
}

Answer 1

只需这样做：

ngOnInit() {
  this.crud_data.get_the_list().subscribe(res => { 
    this.listItems = res;
    this.todolist_count = this.listItems.length;
  });
}