问题标签 [angular-tree-component]

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 投票
3 回答
3167 浏览

javascript - 角树组件不工作

我安装并导入了角树组件,并尝试使用按照https://angular2-tree.readme.io/中的步骤提供的基本示例进行设置

但不幸的是,我只看到根节点而没有展开。如果有任何问题,发布代码有人可以立即看到吗?请帮助我理解我显然无法看到的错误。

模块:

零件:

HTML:

相信我可以看到没有语法错误,root1并且root2.

谢谢你。

0 投票
1 回答
4769 浏览

javascript - Angular-tree-component 不显示任何节点

总的来说,我对 Angular 和 Web 开发非常陌生。

我想要的只是让 TreeView 显示节点“Root1”和“Root2”。目前,我得到的只是标签“我的树视图”。我正在尝试实现 angular2-tree 库。问题很可能出在我的 HTML 中。感谢您的任何反馈。

文档: https ://angular2-tree.readme.io/docs/getting-started

0 投票
2 回答
3162 浏览

angular - 在角度树中为页面导航添加路由

我需要帮助来添加到角树的路线。

HTML 代码:

.ts 文件

我需要添加路由,比如当我点击度数时,我需要导航到另一个页面,我不确定在哪里放置路由器链接。是否有可能做到这一点?谢谢你。

0 投票
2 回答
1652 浏览

angular - 在自定义 ng-template #treeNodeTemplate 中使用 *ngFor 会导致树无限刷新,从而导致浏览器崩溃

  • 将 *ngFor 添加到 ng-template #treeNodeTemplate 会导致树无限刷新。

与 Angular 7 的 angular-tree-component 相关。

用简单的方法试过这个

这是树选项对象:

这是 getTestData():

结果:渲染树后的控制台输出

此问题已在以下链接中打开,但由于发布者未回复,因此似乎从未解决: 问题链接

0 投票
6 回答
11817 浏览

angular - 无法使用 Ivy 将 @Input 装饰器与查询装饰器结合使用

我已将我的 Angular 7 应用程序迁移到 8.0.0,我现在正在尝试新的编译器常春藤。

该应用程序在没有常春藤的情况下可以完美运行,但是当我尝试使用它进行编译时,出现以下错误:

无法将 @Input 装饰器与查询装饰器结合使用

没有行号,没有文件,什么都没有……很难调试任何东西。

在那之前我有警告,但我不知道它是否相关:

入口点“angular-tree-component”中的警告包含对“lodash/defaultsDeep”、“lodash/get”、“lodash/omit”、“lodash/isNumber”、“lodash/first”、“lodash/last”的深度导入, 'lodash/some', 'lodash/every', 'lodash/compact', 'lodash/find', 'lodash/isString', 'lodash/isFunction', 'lodash/throttle', 'lodash/includes', ' lodash/pick'。这可能不是问题,但可能会导致入口点的编译出现乱序。

有任何想法吗 ?

0 投票
0 回答
238 浏览

angular-tree-component - 未捕获(承诺中):TypeError:无法添加属性 uuid,对象不可扩展

我正在使用"angular-tree-component": "^8.0.3"为我的 Angular7 单页应用程序(SPA)构建树。我正在关注文档并创建树,但是一旦向组件中的节点提供输入,就会出现以下异常。

无论是否正确地完全数据没有复制到节点或任何其他类型的问题,这背后的原因可能是什么。请任何人帮助。谢谢。

0 投票
1 回答
1359 浏览

angular - 具有拖放功能的角垫树

我正在angular material flat tree使用drag and drop.

我使用来自 stackblitz linkdrag and drop的示例实现。

将父节点拖放到子节点时出现错误。

这是错误无法读取未定义的属性“findIndex”

这是我迄今为止的工作。提前致谢。

0 投票
1 回答
1024 浏览

angular - 角度树组件的具有弹性高度的虚拟滚动缺少树数据

我正在尝试对具有虚拟滚动的树使用 flex 高度。但是,当我将树容器设置为100%并设置 flex 高度时,滚动期间屏幕上会丢失数据块。

我在这里添加了工作示例https://stackblitz.com/edit/angular-d2mavw

如果我打开最后一个 rootDynamic49 节点,则只有 20 个子节点可见。然而,它有50个孩子。另一方面,当我将高度设置为 时100px,所有孩子都可见。

有没有一种方法可以将第一个 div 固定在顶部位置并仅为具有灵活高度的树添加滚动?

0 投票
1 回答
3647 浏览

angular - 角材料平面树父子图形表示

我想在 Angular Material Flat Tree 上显示父子图形表示。

这是设计:

在此处输入图像描述

这是我到目前为止所做的演示。

0 投票
1 回答
408 浏览

npm - Angular-tree-component ASync Child 未加载?

我正在使用 npm install --save angular-tree-component 当我单击父节点时未加载子节点它显示“正在加载...”消息这是我的代码