导入树组件和芯片自动完成组件时出现错误

时间:2018-09-06 10:41:44

标签: angular angular-material

我正在尝试导入 tree 组件以及芯片自动完成组件,我正在获取

97 在这里,我搞砸了使用2个组件的构造函数,这意味着我当时只能使用一个构造函数。

这是stackblitz链接

1 个答案:

答案 0 :(得分:1)

错误错误错误:找不到树的树控件,因为您定义的树控件为空。

正如您正确指出的那样,每个组件只能有一个构造函数实现。您可以做的是将两个示例构造器的内容从示例示例组件合并为一个,如下所示:

constructor(private database: LoadmoreDatabase) {
    this.treeFlattener = new MatTreeFlattener(this.transformer, this.getLevel,
      this.isExpandable, this.getChildren);

    this.treeControl = new FlatTreeControl<LoadmoreFlatNode>(this.getLevel, this.isExpandable);

    this.dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);

    database.dataChange.subscribe(data => {
      this.dataSource.data = data;
    });

    database.initialize();

    this.filteredFruits = this.fruitCtrl.valueChanges.pipe(
      startWith(null),
      map((fruit: string | null) => fruit ? this._filter(fruit) : this.allFruits.slice()));
  }

现在已经正确设置了树形控件,以及使角形材质树正常工作所需的所有其他功能。

这是经过修改的Stackblitz,带有工作树。