primeng

Question

我正在尝试将 primeng Tree 添加到我的 angular 应用程序中。我正在使用 angular 4 (4.0) 和 webpack。

在 webpack 中，我添加了以下内容：

'font-awesome/css/font-awesome.css',
'primeng/primeng',
'primeng/resources/themes/omega/theme.css',
'primeng/resources/primeng.min.css',

例如，如果我检查捆绑的 css，似乎一切都在运行中。

我已经将树形菜单导入到我的 app.module

import { TreeModule } from "primeng/components/tree/tree";

并将其添加到导入中

imports: [TreeModule]

我正在使用延迟加载，所以我再次将它添加到我的延迟加载模块中。

我正在尝试添加 example 所以在我的实际组件中我添加了以下内容。

import { TreeNode } from "primeng/primeng";

这是我的模板

<p-tree [value]="files"></p-tree>

它显示以下文件夹结构，但如果我单击该文件夹，它不会展开。它是完全静态的，但我猜它在显示顶级项目时一定以某种方式工作。

Answer 1

已将所有 angular 软件包更新到 4.4.5，一切都开始工作了

primeng - 树 - 文件夹静态且不可交互