问题标签 [ngx-treeview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2080 浏览

angular - 仅在角度 4 中选择父节点树视图

我正在使用角度 4 中的 ngx-treeview。在这里,我希望在单击它时只需要选择父级。如图,如何实现

0 投票
0 回答
1769 浏览

node.js - 如何在 ngx-treeview 中获取最后一个未选中的项目?

我正在使用名为ngx-treeview . 在此,我可以获取所有选定的更改项目,但不能获取正在更改的特定项目。我正在寻找取消选中。

在 component.html 文件中:

在 component.ts 文件中:首先我将 ngx-treeview 导入为

谁能让我知道我怎样才能获得未经检查的物品的价值?

0 投票
1 回答
686 浏览

ngx-treeview - 在 ngx-treeview 组件中的过滤结果的 treeviewitem 中,checked 属性未设置为 true

我的配置:

我正在使用内置过滤器来查找树结构中的特定项目。但是,当我从过滤的树结构中选择(选中复选框)一个项目时,该特定树视图项的选中属性在树视图项集合中未设置为 true。如何解决这个问题?

0 投票
0 回答
2015 浏览

html - angular 6 ngx-treeview 自定义样式

我在我的 Angular 6 项目中使用ngx-treeview组件。我的树视图项目很长。所以,我正在尝试text-overflow:ellipsis./treeview-container .row-item. 片段是这样的

宽度设置为100px并且我的文本被截断但省略号未应用。你能支持我应用自定义 CSS 吗?我还需要在悬停时显示全文。":hover"treeview-item有效吗?

PS:我也尝试了同样的方法,./treeview-item但没有奏效。

0 投票
0 回答
318 浏览

angular - 类似于支持 anugluar 7 的 ngx-treeview 的库?

刚刚将我的项目从 angular 5 升级到 angular 7,但发现 ngx-treeview 不支持 angular 7。

没有显示可能与插件相关的错误,但每当添加或删除新插件时。关于出现的警告npm WARN ngx-treeview@6.0.1 requires a peer of @angular/common@^6.0.0 but none is installed. You must install peer dependencies yourself.,在官方网站上快速检查后,它最多支持 6 个。找到这个请求专长

有谁知道类似于 treeview 但支持 angular 7 的包?

0 投票
1 回答
859 浏览

javascript - 如何在 ngx-treeview 中选中不确定的复选框

我正在使用这个库https://leovo2708.github.io/ngx-treeview/#/components

但是,我要求如果选中任何子节点,则需要将父节点显示为选中状态。因此,我需要将其显示为已选中,而不是不确定状态。这可能吗?

0 投票
1 回答
4816 浏览

angular - ngx treeview 选择一个父级下的所有子级

在我的 Angular 5 应用程序中,我在下拉菜单中使用 ngx treeview。我想添加一个图标来选择一个特定父母下的孩子。

提前致谢

0 投票
1 回答
2424 浏览

angular - angular 7 从 ngx-treeview 获取父节点值

我使用了 angular 7 和 ngx-treeview 组件。

我使用了 decoupleChildFromParent=true 的配置。

从这个树视图中,我们只得到子树值。我想获取父节点值。

这是我的 html 代码:

我在这段代码中使用了 onSelectedChange 函数:

当我检查父复选框时, selectedChange 事件触发了空值数组。

当没有选择任何孩子时,我想检索所选父母的值

0 投票
0 回答
575 浏览

angular - 更改树视图中每个项目的文本颜色

我使用了 Angular 7 和 ngx-treeview。如果某些条件得到验证,我想更改项目的文本颜色。

这是我的 html 文件:

这是我的函数,它允许填充树视图组件:

解决方案是知道如何呈现每个项目的文本。

0 投票
1 回答
331 浏览

json - 在 Typescript Angular 中的 Set 中检查递归 JSON 结构是否匹配数值

我有一个用户界面,最初用户必须检查一些复选框。复选框具有顺序 ID。它的 JSON 结构如下:

我使用以下代码将其渲染为 Angular:

组件.html

component.ts 我直接从文件夹中导入 JSON 文件src/assets/并将其保存id到 aSet中,以避免在用户选择复选框时出现重复值。

我正在使用ngx-treeview为具有以下结构的固定 JSON 文件呈现树视图: GitHub Gist of the Complete Recursive JSON

这里最深入的孩子有以下键值对:

否则“值”为空。

我希望将这些Set值与上述递归 JSON进行比较,如果匹配label_ids中的一个或多个值,则将值更改为label_idsSetcheckedtrue

如何在 Typescript/Angular 中实现这一点?