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

我希望看到弹出的模态框带有所有节点都展开的 mat 树。

Answer 1

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

把你的代码改成这个

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

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

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