问题标签 [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 回答
597 浏览

javascript - Angular UI Tree:删除回调未触发

我正在使用https://github.com/angular-ui-tree/angular-ui-tree模块。我有 api 向我发送幻灯片数组,这些幻灯片是组数组,是图表数组。所以我想把它画成一棵树并添加节点删除确认和api调用删除。我写了这段代码来测试回调

这是我的html代码:

$scope.newSubItem 触发没有问题,但任何删除功能都没有触发。我还尝试在 html 中编写 remove(this) 而不是 removeNode(this)。在这两种情况下,节点都可以正常删除,但函数没有调用。

0 投票
1 回答
270 浏览

angularjs - 在 Angular UI 树中获取目标节点

我使用Angular UI Tree作为文件系统的 UI。我希望能够将项目放入文件夹而不是文件中,因此树中的所有项目都有一个类型属性,其值为“文件”或“文件夹”。

如何检查此属性并根据值允许或禁止放入项目?我尝试在接受回调中添加检查。sourceNodeScope 为我提供了我正在移动的节点的类型,sourceNodeScope.$modelValue.typedestNodesScope.$modelValue似乎在我正在移动的项目和目的地之间交替。当它是目的地时,它是树中该级别的所有节点的数组。

0 投票
1 回答
349 浏览

angularjs - 在项目中使用的 angular-ui-tree 复合体。需要指导

我尝试在我的项目中使用 angular-ui-treeview 库,可在下面提到的链接中找到: https ://github.com/angular-ui-tree/angular-ui-tree

关于这一点,在 readme.md 中的“用法”部分中提到了以下内容;下载 1.) 使用 bower 安装它。bower install angular-ui-tree 2.)从 github 下载

bower install angular-ui-tree 到底做什么,如果我需要从 github 下载所有代码并需要注入我的项目,那么为什么我需要安装 angular-ui-tree 我也是 angular 和 github 的新手 请提供在项目中使用此树视图的指南

0 投票
1 回答
240 浏览

javascript - angular-ui-tree 两个事件而不是一个

我确定这是一个非常简单的问题,但我找不到答案。我使用非常常见的模式来创建树。我需要知道用户是单击父节点还是子节点。如果我单击父节点,一切正常。但是如果我点击子节点,回调函数会调用两次——第一次来自子节点,第二次来自父节点。有人可以解释一下为什么吗?谢谢你。

0 投票
1 回答
565 浏览

javascript - 如何克隆 Angular UI 树中的节点?

如何克隆 Angular UI 树中的所有子节点?

现在我使用事件点击:函数ng-click="newSubItem(this)"在哪里:newSubItem

当我尝试将所有子对象从克隆对象插入到新对象时,nodes: nodes: arrr_nodes它会产生很多错误并破坏树。

0 投票
0 回答
19 浏览

angularjs - 如何在 Angular JS UI 树中克隆节点?

我使用插件 Angular UI 树:

http://angular-ui-tree.github.io/angular-ui-tree/#/basic-example

我使用这段代码:

0 投票
1 回答
850 浏览

angularjs - 如何获取当前节点 Angular UI 树的父节点?

我试图这样做:

所以,它不会隐藏我使用 ng-show 的元素

0 投票
0 回答
66 浏览

jquery - 在 Mozilla Firefox 上滚动了错误的项目

我在使用 Angular Ui Tree 组件时遇到了一些问题。

这是设置:我有两棵树,左侧的一棵具有经典的层次结构,右侧的一棵具有可拖动项目的列表。第二棵树加载了大量的信息。出于可用性原因,第一棵树由两个 div 包裹(一个在树上方,第二个在下方)。当用户将一个节点拖到两个 div 中的一个上时,jQuery 脚本会在每次执行该函数时将第一个树的面板滚动 50 个单位。

在谷歌浏览器上,页面是完整的,滚动条在正确的 div 上工作,在 Firefox 上,第二个 div 滚动而不是第一个。我的错误是什么?

预习:

图片

HTML:

JS:

0 投票
1 回答
38 浏览

angular - 生成带有嵌套行的模板

我想为我的树视图(angular-ui-tree)生成动态 html。问题如下:我有一个带有许多嵌套对象的 json,并且我有使用 angular-ui-tree 指令来创建树的 HTML。我现在必须对html进行硬编码以反映我的json的复杂性,但我无法提前知道。

我有一个方法可以为我的 json 的深度提供整数,以及一个我想重复的元素,但每次我重复它都会被附加到前一个元素的内部。

如何从指令中执行此操作,以便 Angular 很高兴我像这样动态地附加另一个指令?

有一个更好的方法吗?

0 投票
1 回答
257 浏览

angularjs - 未捕获的错误:[$injector:modulerr] ui.tree

我有我的 app.js:

index.html 开头为:

我在 app.js 所在的同一文件夹中有 angular-ui-tree.min.js 和 angular.min.js。仍然收到以下错误: