问题标签 [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 投票
1 回答
426 浏览

angular - AngularTreeComponent:treeModel.update() 异步工作。如何等待完成更新?

我需要替换树上的一些数据,然后运行 ​​treemodel.update() ,然后选择一个节点。树在那个时候已经被渲染了。这是我的代码:

这个带有 setTimeout 的解决方法有效,但效果不好。如果 update() 方法耗时超过 100 毫秒,“someNode”将未定义。

任何想法如何使它更好?

Angular 10,AngularTreeCompoment 10.0.2 https://angular2-tree.readme.io/docs/getting-started

0 投票
1 回答
430 浏览

angular - Angular 依赖注入和数据初始化

我有一个概念上的疑问,为什么我们使用构造函数将我们的服务注入组件和 ngOnInit() 生命周期钩子来初始化所有值。在我读过的所有文章中,我了解到在 ngOnInit() 中初始化值是一种很好的做法,因为此时所有依赖项都可用。在实践中,我已经看到在构造函数中初始化除此之外也可以正常工作。

关于在构造函数中注入服务,我遇到了这些行

当 Angular 构建组件树时,根模块注入器已经配置好,因此您可以注入任何全局依赖项。此外,当 Angular 实例化一个子组件类时,父组件的注入器也已经设置好,因此您可以注入在父组件上定义的提供程序,包括父组件本身。组件构造函数是在注入器上下文中调用的唯一方法,因此如果您需要任何依赖项,那么这是获取这些依赖项的唯一位置。

但是,我无法判断为什么它是一个好地方。如果有人能帮助我理解这个核心用法,那将是一个很大的帮助。

0 投票
0 回答
120 浏览

angular - 在 Angular 9+ 中实现父子下拉列表的最简单方法是什么?

在我的 Angular 9 项目中,我需要将数据集表示为下拉选择。对象就像下面这个例子,

我需要一个下拉树来选择一个项目。孩子和父母都可以选择,但不能多选。注意:我已经尝试过ngx-tree-select npm 包,但它有9+ 角度版本的问题。

0 投票
0 回答
71 浏览

angular - 限制角树组件中选择的节点数

角度树组件中是否有任何选项来限制树中选择的节点数量?

我有一个大树组件,其中父母有 5 个孩子,每个孩子有 15000 个孩子。在选择任何父节点时,我想将选择的节点数限制为 50。是否有可能使用树选项来实现这一点?

0 投票
0 回答
60 浏览

angular-tree-component - this.tree.treeModel.update() 不工作

this.tree.treeModel.update()将新数据推送到节点数组后无法正常工作

版本:

  • 角 5.2.11
  • 角树组件 7.0.1
0 投票
1 回答
65 浏览

angular - node.name 在 Angular 的 Component.ts 中不起作用

我需要以角度获取树的根节点名称,但 node.name 将“节点”作为值。

下面是我的 .html 代码部分:

下面是我的 Component.ts 代码,其中包含我在 Node Button-Icon Click 上调用的 Method(NodeCollapse) 定义:

}

下面是我的浏览器源调试器: Browser Source debugger

0 投票
0 回答
82 浏览

angular - 在 Angular 中一次只打开一个树根节点

是否可以在 Angular 中只打开一个树根节点?即,如果一个节点被展开,那么另一个打开的根节点应该崩溃。

有没有可能的方法来实现这一目标?

下面是我的树 .html 代码:

0 投票
0 回答
49 浏览

angular - Angular中的树节点选择

图片

考虑一下我有来自不同 API 的 3 棵不同的树。例如,我单击了 Tree1 的孙子,它被选中。现在,如果我单击 Tree 3 的大孩子,它会显示 Tree1 和 Tree3 的大孩子都被选中。但是如果我点击 Tree3 的孙子,Tree1 的孙子必须停用。有任何想法吗 ?

0 投票
0 回答
471 浏览

html - @circlon/angular-tree-component:如果没有使用复选框在 Angular10 中加载任何叶子,则无法在父级上触发(选择)事件

场景 嗨,我@circlon/angular-tree-component在 Angular 中使用(我尝试了版本 10 和版本 11)并且我通过扩展它以异步方式加载每个节点的子节点(基本上我最初加载所有路由,而不是使用箭头扩展,一个节点,它将加载它的子节点,依此类推,直到我到达一个我无法展开的叶子,因为它的hasChildren属性设置为false)。

问题 问题是我在叶子节点和父节点上都使用了复选框,所以我为树的每个节点都有一个复选框。当我检查(所以我单击复选框)一个节点时,我希望触发该(select)事件,但这仅在该节点没有任何子节点时才有效,因此如果它是一个叶子节点。在所有其他情况下,例如,如果我有一个已hasChildren=true加载但未加载任何子节点的节点,我可以以图形方式查看复选框已选中但未触发选择事件,如果我手动展开节点直到达到至少1 个子节点,我可以选择父节点,所有子节点都将被选择,直到叶子/叶子。

预期的行为 我期望以下行为,但我不知道我是否可以拥有它:基本上我希望能够检查任何节点,如果节点有或没有任何子节点,则触发(选择)事件,我只需要获得所选 ID 的列表。可能吗?

这是我的树的 HTML:

这些是我的选择:

0 投票
1 回答
108 浏览

angular - 如何在登陆时默认打开带有孩子的完整树?

我已经实施ngx-bootstrap-treeview

目前[isOpened]="true"只打开一级树,但我也有二级树,直到我点击它才打开。我试图在文档 + PRs 中找到解决方案,但我没有找到任何东西。

我有如下树:

但它显示如下:

如果我想看

然后我必须点击> Level 1.2

任何人都可以帮助我吗?如果有人需要更多信息,请告诉我。 在此处输入链接描述 库链接:https ://github.com/Zokelion/ngx-bootstrap-treeview