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;
  });
}