模态弹出窗口中的Mat树节点

Question

在我的应用程序中，我想创建一个模式弹出窗口。当我用mat tree引用一个组件时，我得到了错误。在控制台中，我看到以下错误Could not find a tree control for the tree和多个There can only be one default row without a when predicate function.。

如果我引用的其他组件没有mat tree，则该模式有效。

我使用了有角度材料的示例，在我的应用程序中也遇到了同样的问题。我只看到弹出模式的按钮。点击Pick One按钮以查看弹出窗口。

https://stackblitz.com/edit/angular-uzh1tt

在对话框概述示例中，组件模态与dialog-overview-example-dialog selector and template url一起使用。它不适用于tree flat。

我想看到带有扩展所有节点的垫树的模式弹出窗口。

Answer 1

这与您的实际树控件无关，但是与您尝试访问它的方式无关。

将代码更改为此

const dialogRef = this.dialog.open(TreeFlatOverviewExample, {
      width: '250px'
    });

和import { TreeFlatOverviewExample } from './tree-flat-overview-example';

您试图打开在代码底部定义的组件，而不是TreeFlatOverviewExample。在该组件中，您尝试加载树组件的html，实际上确实可以，但是它仅加载了html。您还需要加载关联的打字稿。这就是为什么您的错误消息说找不到打字稿变量treeControl的原因。