问题标签 [ngx-treeview]

树视图项目按预期显示，但我想使用我自己的过滤器而不是 ngx-treeview 中的过滤器（请参阅下面的链接）。

https://leovo2708.github.io/ngx-treeview/#/advanced

我已经在树视图显示中映射了项目。接下来我想要将这些树视图项放入我们的可重用下拉列表中。在这个可重复使用的下拉列表中，我们有过滤文本框。

这个下拉菜单的行为是什么？

1. 最初打开此下拉列表时，它具有过滤器文本框和一些建议的项目（不在树视图显示中）。

2. 当我们在过滤器框中输入一些内容时，树视图会出现并从父节点到最后一个子节点进行一些智能搜索。（就像我提供的链接中的行为一样）

3. 当我删除我在过滤器框中键入的单词时，它将再次显示最初的建议项目（从第 1 个开始）。

4. 同样，当在此树视图中单击插入符号时，它将执行 API 调用，其中它将返回子节点的数据。

5. 即使它没有子节点，我也很难显示插入符号。因为在我们的应用程序中，如果单击插入符号，它将只有子节点（执行 API 调用）

我正在考虑使用 ngx 树视图中的过滤器，但我很难复制我提到的行为（从数字 1 到 5）并将其放置到我们的可重用下拉列表中

在 html `

可重复使用的下拉菜单

预期结果：

1. 树视图项目显示在下拉列表中（完成）

2.1 过滤器文本（来自链接）最初显示，其下方是建议项目。当我们开始在过滤器中输入单词时，会出现树视图

2.2 或使用自定义过滤器，但行为与链接中的过滤器一样（我更喜欢但难以实现）

3. 当过滤器为空时，出现的项目是建议的项目。

难以实施

4. 即使没有显示子节点，插入符号也会出现。

5. 如果单击插入符号，将出现子节点

实际结果：

1. 树视图与可重用组件是分开的

2. 当我使用可重复使用的过滤器时，它不会在树视图中搜索

我研究过高级树视图：

经过一些更改后，我尝试限制选择数量。但是，我遇到了几个问题。我可以限制我的选择，但是当超过限制时我不能取消选中复选框。

这是我的工作：

这是组成部分：

我检查了 html 部分中的真/假值，它工作正常。仍然选中复选框。我还需要一些父母选择方面的帮助。当超过选择限制时，父选择变为真，直到选择了该父项的其中一个子项。

你对这个问题有什么解决方案吗？

我遵循与 ngx-treeview 中给出的相同 JSON 格式。JSON 文件：

这是我做的。但预期的显示树是：

根据我的 JSON 数据ACTIONABLE复选框应该是父级，但它显示在AVAILABILITY ASSURANCE下。

它也给用户和我造成了困惑。

我正在尝试使用我的动态 json 响应来实现ngx-treeview类型的 UI。但它给了我如下错误：

不可分配给类型 treeitem

下面是我的 json ：

我的组件.ts：

我的 component.html 如下所示：

通过运行此代码，我收到此错误。我们可以用这种json格式实现树视图吗？谢谢..！！

我有一个 JSON，我需要从中剥离每个子文件夹的名称和位置值，以便在 Angular 的 ngx-treeview 中从 JSON 内部描绘文件夹结构。我只想拥有子文件夹，包括子文件夹中的模板。由于 JSON 对象的结构并非在所有地方都完全匹配并且不是同质的。如何从 JSON 中以确切的文件夹结构将 subFolder 值动态推送到树视图（ngx-treeview）中？

ngx-treeview JSON 应该如下所示：

我的 JSON：

我有以下响应结构，我正在尝试对它们进行分组或解析以适应 ngx-treeview 请求数据结构。有人可以帮我实现它吗？

我想要基于fullPath代表当前文件夹完整路径的树视图分组name

ngx-treeview 结构：https ://github.com/leovo2708/ngx-treeview/blob/master/src/app/book/book.service.ts

我发现 Angular 中使用的大多数树视图库都需要一个特定格式的结构，而我对如何在没有太多障碍的情况下实现它完全一无所知

ngx-treeview：https ://www.npmjs.com/package/ngx-treeview

ngx-treeview 演示：https ://leovo2708.github.io/ngx-treeview/#/components

如果有人能提供至少一个关于如何实现这一点的提示，我真的很感激。谢谢！

我们如何使用适当的方法更改树视图的占位符

使用上述方法，我实现了相同的效果，但似乎它在生产时间上被打破了，我的意思是如果有更好的方法来更改占位符文本

我正在尝试测试包含 ngx-treeview 的组件。我编写了以下测试，但它失败了，标题中包含错误消息（显然单元测试部分除外）：

我已经尝试将 TreeviewConfig 初始化为声明，但显然没有任何用处。我还尝试将它作为提供者提供 - 这也没有任何帮助......我不确定此时我还能尝试什么，TestBed 必须有办法以某种方式包含 TreeView 的配置，或者我是否在做一个合乎逻辑的这里有谬误？

我有一个包含多个字段的表单，其中位置是带有过滤器的树视图。每当我重置表单时，输入的过滤器值都不会被清除。我没有从发布者文档中找到任何解决方案。

有人有解决方案吗？

我想为 ngx-treeview angular js 中的每个元素添加 id。标签、按钮等元素。ID 对 UI 自动化测试非常有帮助。任何人都知道如何为 ngx-treeview angular js 中的每个元素设置 ID？

我的代码：