如何使用来自角度服务的动态数据创建角度材料树

Question

我对angular非常陌生。我正在尝试这个示例来创建树。链接在这里。 我尝试在我的项目中使用相同的树数据实现相同的ex。 Screen shot https://stackblitz.com/angular/dnndeajnmkvp?file=app%2Ftree-nested-overview-example.ts

但是我没有得到如示例所示的预期结果。展开和折叠不起作用，我在UI中看到不在树数据中的点。我已经附上了屏幕截图。我在树形配置中缺少任何东西可能是哪里出了问题。

Answer 1

使用静态值或来自服务的数据之间的区别是您需要订阅服务才能获取数据。我在the example of material

中转换了this stackblitz的示例

如果您发现差异是

1.-在构造函数中添加服务

constructor(private dataService:DataService){}

2.-实现OnInit和ngOnInit

  ngOnInit()
  {
    this.dataService.getData().subscribe(res=>{
        this.dataSource.data = res;
    })
  }

好吧，在示例中，我使用“ rxjs”运算符“ of”来创建可观察对象，通常使用this.httpClient.get(...your-url..)