材料树控件不显示来自 http 服务的异步数据

Question

我在 Angular 6 上遇到了材料树控制的问题。当我使用静态数据并使用 RxJS 'from' 运算符将其作为可观察对象返回时，它工作正常。但是，我有一个 Web API 返回类似的模型数据，我使用 http 客户端获取调用这些数据并返回 JSON。但是，在这种情况下，它不会呈现树控件。可能，由于之前我使用了静态数据，它快速返回，并且对于异步数据，UI 在实际返回数据之前绑定。

ngOnInit:void{
 this.nestedTreeControl = new NestedTreeControl<any>(this._getChildren);
    this.nestedDataSource = new MatTreeNestedDataSource();
    this.dataChange.subscribe(data => this.nestedDataSource.data = data);
    this.dataChange.next(this.treeData);
    this.dataService.getFolders().subscribe(data => {
      this.treeData.push(data);
    })
}

我哪里出错了，任何人都可以指出问题所在吗？

Answer 1

更新树数据后我没有发布。

this.dataService.getFolders().subscribe(data => {
      this.treeData.push(data);
      this.dataChange.next(this.treeData);
})