模态弹出窗口中的 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.

的情况下引用另一个组件，该模式将起作用

我使用了 angular material 中的示例，但在我的应用程序中遇到了同样的问题。我只看到弹出模式的按钮。单击 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。