问题标签 [angular-ui-tree]

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 投票
2 回答
947 浏览

angularjs - 无法让简单的树在 AngularJS + AngularUI 中工作

所有必需的库都可​​用。但我收到错误:

我可以通过将 $index 的跟踪添加到 ng-repeat 来解决此问题,但这与主页上给出的示例代码不同:https ://github.com/angular-ui-tree/angular-ui-tree

索引.html:

更新 :

“不工作”是指屏幕上没有显示任何内容,只是将错误返回到控制台。

0 投票
1 回答
569 浏览

javascript - angular-ui-tree 避免完全渲染

我正在使用 angular-ui-tree 来渲染带有数据的树,但是每次加载页面时都会渲染所有节点,我想避免渲染,因为巨大的数据会锁定浏览器。

我尝试添加 data-nodrop-enabled 和 data-collapsed="true",但是树的渲染只有一个区别,所有节点都关闭了。

有一种方法可以使用此组件在客户端按需呈现数据? https://github.com/angular-ui-tree/angular-ui-tree

主视图:

局部视图

0 投票
0 回答
89 浏览

angularjs - Angular UI-Tree拖动的项目不显示浮动

我按照 github 上 ui-tree 的说明进行操作。一切都很好,除非我拖动一个项目。被拖动的项目没有像演示那样以浮动样式显示,但是被拖动的项目的节点从DOM中消失了。

知道这起案件的可能原因是什么吗?

谢谢

0 投票
1 回答
1489 浏览

javascript - 带有 angular-ui-tree 的角度材质虚拟滚动给出错误

我正在尝试在angular-ui-tree上实现 Angular 材质的虚拟滚动。但它给出了以下错误:

找不到指令“uiTreeNode”所需的控制器“uiTree”!

对于 plunker,请单击此处

便于参考的代码如下:

HTML

JS

0 投票
3 回答
262 浏览

javascript - 字符串到数组 javascript

在对 JSON 对象进行操作后,我有一个字符串,例如:

我想在 javascript 中将它转换为一个数组,以将其传递给 angularjs-ui-tree这个数组。我已经尝试过JSON.parse(),但它不起作用

0 投票
2 回答
620 浏览

javascript - 如何绑定 desIndex 以对 angular-ui-tree 中的值进行排序?

我正在使用angular-ui-tree

我在树视图中的对象有一个排序索引。我正在寻找一种将这种排序索引绑定到树视图范围的 desIndex 的方法,使用类似于以下内容:

desIndex 是树视图节点的索引,node.sortIndex 是我的对象的索引。

我希望它按对象的值对列表进行排序,当我在树视图中移动对象时,范围将更新该对象的索引,如下所示:

上面的代码不起作用,我该如何解决?

0 投票
1 回答
110 浏览

javascript - 需要获取Angular js ui树中新获取的拖拽对象信息的信息

在 Angular js ui-tree ( ui-tree ) 中,如何获取新拖动的对象信息?我得到树左侧列表和右侧列表没有任何问题,但我面临的问题是仅获取新拖动对象的模型值。假设我在右侧列表中有 4 个对象,现在我从左侧列表中拖动另一个项目并放在右侧列表中,现在我只想要第 5 个拖动的项目信息,有没有简单的方法来获取该信息?

0 投票
0 回答
338 浏览

angular-ui-tree - 在 angular-ui-tree 中定义空列表模板

有谁知道是否有办法为空的 ui-tree 列表定义模板?

如果列表模型为空,则会有一个默认值

生成的元素(如果没有被 data-empty-placeholder-enabled 关闭),但我想自己为它定义一些 HTML。

提前致谢,

丹尼斯

0 投票
1 回答
419 浏览

javascript - 将孩子添加到 Angular UI 树上的任何父母都会将其推送给每个父母

我一直在玩 Angular UI Tree 拖放,遇到了一个让我很困惑的问题。json 是从我的服务中接收的。当我的控制器收到它时,我必须用一个空数组正确格式化它,这样它才能容纳孩子:

格式化:

它现在已格式化,如下所示:

尝试添加孩子时,我尝试了两种不同的功能:

功能 1(使用模型值):

函数 2(使用数组中对象的索引,是的,我确保传递了正确的索引):

问题是,它没有将新数据推送到所选索引,而是将 json 添加到每个Categories

在此处输入图像描述

我没有显示 HTML,因为它似乎不是问题。这是我将其缩小到的地方,但仍然没有解释:

如果我使用通过该$.extend方法的数据,那么它会为每个父母添加一个孩子。但是,如果我复制格式化后生成的 json,将其放入对象中,然后从中读取,那么它只会像我想要的那样向所选父级添加一个子级。但是有必要添加空数组。知道为什么会发生这种情况以及任何解决方案吗?

编辑

还有一条可能很重要的信息:当我添加一个完整的类别(不同的功能)时,而不是添加一个子类别,然后尝试将一个子类别添加到新生成的类别中,那么它可以正常工作(仅将一个子类别添加到该类别):

0 投票
0 回答
140 浏览

javascript - 每个对象中有两个数组 - Angular UI Tree

是否可以在每个对象中有两个数组,如下所示:

在这里,每个对象中有两个数组, subcategoriesand 。products而不仅仅是nodes示例中的数组:

使用 UI 树拖放时,如果我将products内容拖到父类别中,那么它将如何知道填充products数组而不是subcategories数组。我不确定如何在拖放过程中指定它。添加新项目很容易,因为我可以只推送到选定的数组,但我看不到拖放如何知道要推送到哪个。对不起,如果我不清楚。如果我需要解释更多,请告诉我。谢谢。