时间戳

首页 > 解决方案 > 如何使用来自 Angular 服务的动态数据创建 Angular 材质树

angular - 如何使用来自 Angular 服务的动态数据创建 Angular 材质树

问题描述

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

但我没有得到示例中所示的预期结果。展开和折叠不起作用，我在 UI 中看到不在树数据中的点。我附上了截图。如果我在树配置中遗漏了任何内容，可能出了什么问题.....？

标签： angularangular-materialangular6

解决方案

使用静态值或来自服务的数据之间的区别在于您需要订阅服务才能获取数据。我在 这个 stackblitz中转换材料示例的示例

如果你看的差异是

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

constructor(private dataService:DataService){}

2.- 实现 OnInit 和 ngOnInit

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

好吧，在示例中，我使用 'rxjs' 运算符“of”来创建一个 observable，您通常使用this.httpClient.get(...your-url..)

推荐阅读