首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取用户使用angular6点击后的所有子对象ids列表

在Angular 6中,获取用户点击后的所有子对象IDs列表可以通过以下步骤实现:

  1. 首先,您需要在组件的HTML模板中为每个子对象添加一个点击事件,以便在用户点击时触发相应的函数。例如,假设子对象使用*ngFor指令迭代,可以像这样添加点击事件:
代码语言:txt
复制
<div *ngFor="let item of items" (click)="getChildObjectIds(item)">{{ item.name }}</div>
  1. 接下来,在组件的Typescript代码中定义名为getChildObjectIds的函数,用于获取用户点击的子对象及其子对象的IDs列表。在该函数内部,您可以通过递归方式访问子对象的所有子对象并提取其IDs。以下是一个示例实现:
代码语言:txt
复制
getChildObjectIds(item: any) {
  const ids: any[] = [];

  function traverse(item: any) {
    ids.push(item.id); // 提取当前子对象的ID

    if (item.children && item.children.length > 0) {
      item.children.forEach((child: any) => {
        traverse(child); // 递归遍历子对象的子对象
      });
    }
  }

  traverse(item);

  console.log(ids); // 在控制台输出所有子对象的IDs列表,您可以根据需要对其进行进一步处理或使用

  return ids;
}
  1. 现在,当用户点击子对象时,getChildObjectIds函数将被调用,并在控制台中输出所有子对象的IDs列表。

这是一个简单的实现示例,您可以根据具体的业务需求进行修改和扩展。希望这可以帮助您实现获取用户使用Angular 6点击后的所有子对象IDs列表。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用Unity获取所有对象及拓展方法使用

一、前言 这个问题还是比较简单,无非就是一个for循环就可以全部获取到了,但是我喜欢简单直达,有没有直接就能获取所有对象函数呢,搜了好久都没有,所以我准备写一个扩展函数,来自己补充这个函数,一起来看一下吧...二、如何获取所有对象 第一种方法: 使用foreach循环,找到transform下所有物体 foreach(Transform child in transform) { Debug.Log...三、使用扩展方法获取所有对象 总感觉获取个子对象还要用for循环有点麻烦,那么咱们就可以写一个扩展方法,直接获取所有对象 1、首先新建一个MyExtensions.cs脚本 using System.Collections.Generic...i] = obj.transform.GetChild(i).gameObject; } return tempArrayobj; } } 这有两个函数,一个是获取所有对象...List集合,一个是获取所有对象数组集合,按需使用

2.4K30
  • vue中多选框选中问题和主动取消回显问题

    第一个问题:选中问题 项目是用element ui 中 那个级联选择器,为了实现一个需求:当手动全选某个父数据下数据,右边自动显示当前所有数据父数据 之前一个同事为了实现这个需求写了一大串代码...,丢给我我是真看不懂他代码,但是我摸索着写了一下午 js 也没实现,四级联动,感觉太复杂,后来找到一个方法: 这个方法可以获取到自己选中节点几乎所有的属性(包括是否选中,下级列表等等),然后根据规则...× 取消左边显示,×掉父级,其下所有子集也全部取消。...这个问题是很简单,只要拿到要取消元素,在循环排除取消元素数据就行。...我开始用forEach循环,逐个判断然后再splice,发现一直会漏删,最后找到原因: 解决办法:使用 for 循环,倒叙删除,代码如下 /* 获取需要删除id列表 */

    2.2K41

    day71_淘淘商城项目_04_匠心笔记

    )系统搭建 1.1、什么是门户系统   从广义上来说,它将各种应用系统、数据资源和互联网资源集成到一个信息管理平台之上,并以统一用户界面提供给用户,并建立企业对客户、企业对内部员工和企业对企业信息通道...// 得到父节点下所有节点列表             List list = getContentCategoryListByParentId(id);              ...{ // 通过该节点父节点id获取对应父节点节点列表长度             // 是单个子节点,获取单个子节点父节点,把该父节点is_parent改为false,更新数据             ...因此默认采取了不查询内容字段方式进行内容列表查询,所以我们点击【编辑】按钮时候,数据回显时我们看见富文本框中没有显示内容。...rt){…},由于内容列表在加载时候并没有加载content字段,因为content字段内容太多,所以我们点击【编辑】按钮时候,使用ajax动态获取字段content内容。

    94210

    Daily-Blog项目后台日志

    所以我们需要使用DTO对象 【dto对象 :数据传输对象】 按照开发规范,所有的controller层需要实体类参数,我们都需要将其转换为dto对象 //todo 添加评论 @PostMapping.../** * 获取传入参数menulist集合 * 在menus中找打当前传入menu菜单 * @param menu 获取菜单 * @param menus 全部菜单集合...回显该文章全部信息 用户可以在该页面进行修改博文信息,点击更新可以实现修改文章 接口 根据id获取博文 修改博文 实现 按文章id查询文章回显数据 //todo 获取要更新博文 @GetMapping...需求分析 首先要返回所有的角色列表(状态正常,没有删除用户输入密码存储时需要进行加密存储 相关信息不能为空 相关用户名、手机号、邮箱…不能相同 接口 查询角色列表 添加用户 实现 /** *...首先要返回所有的角色列表(状态正常,没有删除 ) 2. 用户输入密码存储时需要进行加密存储 3. 相关信息不能为空 4.

    27310

    项目之热点问题和问答列表(9)

    * @return 点击数量最多问题列表 */ List getMostHits(); /** * 查询点击数量最多问题缓存列表,当缓存被清空,...前端页面 注意:此前开发“我要提问”时,创建Vue对象时,设置id覆盖范围太大,应该将此前设置id调整到仅覆盖“提问”表单,否则,此次将创建Vue对象范围将在此前范围级,将无法正常使用。...当子类继承了父类,将得到父类中所有成员,但是,需要注意:从数据存在角度来看,私有成员也是可以得到,但是,从实际使用来看,除非使用反射,否则,父类中私有成员对于子类是不可见...(Integer userId); © 实现业务 在处理标签数据时,使用Map再做一个缓存对象使用标签id作为Key,标签对象TagVO作为Value,后续,就可以根据id从Map对象获取对应TagVO...我问答列表-前端页面 参考此前显示列表方式来显示“我问答列表”,关于Vue使用: v-for:用于遍历当前标签及其所有级标签,配置参数意义可参考Java中增强for循环; v-text:用于绑定某标签中显示文本信息

    1K10

    SolrCloud分布式搜索源码分析

    ClientNode通过解析request, 由rb.isDistrib属性知道接到用户直接请求, 因此是个分布式请求, 所以触发分布式请求处理逻辑: 获取TopN ids阶段 这个阶段目的是要拿到最终返回结果列表文档...很显然如果ClientNode在获取TopN ids阶段给各ShardNode发送请求时候, 直接将fl设成真实要返回所有字段, 那么后面合并结果直接就有所有需要返回字段了....最后ClientNode收到3个ShardNode返回补全了字段文档集, 再按照原来顺序重新组织成长度为20文档集列表, 就可以返回给用户了....这里要注意是最终返回score字段得分使用是在获取TopN ids阶段计算出得分, 补全字段阶段要补全是除了ID, score外其他字段....当前设计缺陷 分阶段获取过程中索引一致性问题: 目前分布式查询分了两个阶段, 阶段1发起第一次请求从各分片获取TopN ids, 阶段2合并所有分片ids再发起第二次请求去各分片获取要返回字段

    66910

    Kafka源码系列之源码分析zookeeper在kafka作用

    例如,全局配置信息,服务服务框架地址列表就非常适合使用。 2,负载均衡 即软件负载均衡。最典型是消息中间件生产、消费者负载均衡。...3,命名服务(Naming Service) 常见是发布者将自己地址列表写到zookeeper节点上,然后订阅者可以从固定名称节点获取地址列表,链接到发布者进行相关通讯。...独占,是指所有的客户端都来获取这把锁,最终只能有一个获取到。用是临时节点。 控制时序,所有获取客户端,都会被安排得到锁,只不过要有个顺序。实际上是某个节点下临时顺序节点来实现。...所属对象为每个消费者对象:ZookeeperConsumerConnector会话超时需要重新注册临时节点为consumerzknode临时节点:consumerGroupDir + "/ids"...也是kafkaController内部对象。监控目录是"/admin/preferred_replica_election"。根据给节点指定优先副本列表,进行leader重新选举。

    77030

    歪门邪道性能优化:魔改三方库源码,性能提高几十倍!

    这段代码所有数据都在items里面,这个参数从顶层App传进去,当点击Item时候改变items数据,从而更新整个列表。...顶层组件App使用ids来渲染列表ids里面只有id,所以只要不是增加和删除,仅仅单条数据状态变化,ids并不需要变化,所以App不会更新。...这样选中一个事件就有了两个途径: 用户通过点击某个事件来改变selected值 开发者可以在外部直接修改selected值来选中某个事件 有了前面一万条数据列表优化经验,我们知道对于这种问题处理办法了...:使用selected组件自己去连接Redux获取值,而不是从顶部传入。...timer到现在我还不知道他哪里来,但是click事件我们是知道,就是用户点击某个事件,更改SelectContextselected属性,然后selected属性从顶层节点传入触发下面组件更新

    64820

    Kafka源码系列之源码分析zookeeper在kafka作用

    例如,全局配置信息,服务服务框架地址列表就非常适合使用。 2,负载均衡 即软件负载均衡。最典型是消息中间件生产、消费者负载均衡。...3,命名服务(Naming Service) 常见是发布者将自己地址列表写到zookeeper节点上,然后订阅者可以从固定名称节点获取地址列表,链接到发布者进行相关通讯。...独占,是指所有的客户端都来获取这把锁,最终只能有一个获取到。用是临时节点。 控制时序,所有获取客户端,都会被安排得到锁,只不过要有个顺序。实际上是某个节点下临时顺序节点来实现。...所属对象为每个消费者对象:ZookeeperConsumerConnector会话超时需要重新注册临时节点为consumerzknode临时节点:consumerGroupDir + "/ids"...也是kafkaController内部对象。监控目录是"/admin/preferred_replica_election"。根据给节点指定优先副本列表,进行leader重新选举。

    1.2K100

    wp_list_categories()函数使用方法|wordpress函数

    ' => 0 is not shown above) 显示(输出)分类 不限制显示深度 所有分类 使用一个新Walker_Category 类对象 walker 来显示列表 参数 show_option_all...有效值: 1 (True) – 默认 0 (False) depth (整数)显示分类深度(即显示多少层分类)。默认值为 0(显示所有分类和分类)。...有效值: 0 - 所有分类和分类(默认) -1 - 所有类别显示在平面(不缩进)形式(覆盖hierarchical)。 1 - 只显示顶级分类 n - 根据n具体数字来显示对应等级分类。...current_category (整数)后跟分类ID号,对此ID分类加入名为current-catCSS控制,用户自定义current-cat样式,可用于突出显示。...有效值: category - 默认 taxonomy - 或任何其他已注册分类法 walker (对象)生成列表 Walker 类。

    1.2K20

    嘎嘎基础JavaWeb(中)

    列子查询:查询返回结果为一列。行查询:查询返回结果为一行。表查询:查询返回结果为多行多列。...使用test属性进行条件判断,如果条件为true,则拼接:where 元素只会在标签有内容情况下才插入 where 子句。...=100MB阿里云阿里云是阿里巴巴集团旗下全球领先云计算公司,也是国内最大云服务提供商对象云存储OSS注册阿里云(实名认证)充值开通对象存储服务(OSS)创建bucketBucket:存储空间是用户用于存储对象...(Object,就是文件)容器,所有对象都必须隶属于某个存储空间获取 AccessKey(密钥)参照官方SDK编写入门程序SDK:软件开发工具包,包括副宗主软件开发依赖(jar包)、代码示例等,都可以叫做...登录标记:用户登录成功之后,每一次请求中,都可以获取到该标记统一拦截:过滤器:Filter拦截器:Interceptor11.6.1 会话技术会话:用户打开浏览器,访问 web 服务器资源,会话建立,

    34600

    接口文档:第一章:简洁版接口文档

    ApiAddressController|收货地址管理控制器 获取收货地址列表信息 接口说明:通过用户获取地址列表信息 接口地址:/address/find 请求方式:GET 请求参数:无 添加或更新收货地址...header true Brand ApiCartController|用户购物车管理控制器 获取购物车中数据 接口说明:获取购物车中数据 接口地址:/cart/getCart 请求方式:GET...POST 请求参数: 参数名称 说明 in 是否必须 类型 skuId 商品库存ID query true Long ApiCatalogController|商品分类管理控制器 首页商品分类 接口说明:获取首页分类下所有分类...接口说明:根据三级分类id获取三级分类下所有商品信息 接口地址:/catalog/getGoodsByID 请求方式:GET 请求参数:无 筛选商品信息 接口说明:根据筛选条件获取筛选商品信息...:GET 请求参数:无 获取用户收藏商品 接口说明:根据用户获取用户收藏商品 接口地址:/collect/getCollect 请求方式:GET 请求参数:无 删除用户收藏商品 接口说明:根据用户商品收藏

    49020

    Zookeeper入门

    顺序性:包括全局有序和偏序两种:全局有序是指如果在一台服务器上 消息 a 在消息 b 前发布,则在所有 Server 上消息 a 都将在消息 b 前被 发布;偏序是指如果一个消息 b 在消息 a 被同一个发送者发布...当这个主题对象自身状态变化时,会通知所有订阅者,使他们能够做出相应处理。...事件封装 :ZooKeeper 使用 WatchedEvent 对象来封装服务端事件并传递。...world:只有一个用户,anyone,表示登录 zookeeper 所有人(默认模式)。 ip:对客户端使用 IP 地址认证。 auth:使用已添加认证用户认证。...digest:使用用户名:密码方式认证。 授权对象 给谁授权,授权对象 ID 指的是权限赋予实体,例如 IP 地址或用户

    1.8K31

    结合Ant Design2.x总结在实际项目开发中遇到问题

    Form使用方法 帮我们保存很好,但是当我们点击删除时会不会出现什么问题?...使用Form组件删除时会出现问题及解决方法 ? 可以看到直接删除demoData[i] 无论我们删除第几项 表单中数据始终是“删除”最后一项。...这种方法只适合“1对1”删除,当删除对象内部还存在对象时候,例如:(看审批流) 第一个流程适用范围有一个流程,第二个流程适用范围有两个流程,即存在Flows0_Items0_name,和Flows1...如何实现一个受控选择树和遇到问题及解决方法 项目需要一个这样树: 每一个树节点都代表是一个职级,所以节点全选中不代表父节点选中,父节点选中代表节点全选中,这个时候Antd中树组件就不满足我们项目的需求了...child_list所有下一级({value:,label:}) getNewCheckNodes(newList){ let ids = []; newList.map

    1K20

    odoo wizard界面显示带复选框列表及勾选数据获取

    TransientModel类扩展Model并重用其所有现有机制,具有以下特殊性: wizard记录不是永久;它们在一定时间自动从数据库中删除。...注意,不能使用类属性来接收数据,因为类属性供所有对象共享,会相互影响,数据错乱。...(self, data:dict): '''选中记录点击确认按钮,执行操作''' #### 根据需要对获取数据做相应处理 record_ids...以下属性皆在hasCheckBoxes 为"true"情况下起作用。 modelName 点击列表复选框时,需要访问模型名称,需要配合modelMethod方法使用,缺一不可。...可选 modelMethod 点击列表复选框时,需要调用模型方法,通过该方法收集列表勾选记录数据。可选。

    5.3K60

    ZooKeeper入门

    另外,每一个节点都拥有自己ACL(访问控制列表),这个列表规定了用户权限,即限定了特定用户对目标节点可以执行操作。 3、Znode 存储数据大小有限制。...get 命令, ls 命令可以列出Zookeeper指定节点下所有节点,只能查看指定节点下第一级所有节点;get命令可以获取Zookeeper指定节点数据内容和属性信息 ls path [...watch] 列出指定节点下所有节点 get path [watch] 获取指定节点数据内容和节点状态信息 ?...ls2 / znode节点路径 //获取当前节点下所有节点及当前节点状态信息 更新节点: set /znode节点路径 修改数据 删除节点: delete /znode节点路径...ZooKeeper对象初始化,将从zk服务列表中选择一个server(服务),并尝试与其建立连接。

    1.2K00

    使用Django、RestFul API和Bootstrap实现可折叠多级菜单功能

    本文将详细介绍如何使用Django、RestFul API和Bootstrap实现一个可折叠多级菜单功能,并在菜单末端节点上添加复选框,点击按钮时获取这些节点ID并查询其内容。...三、前端实现前端部分将使用Bootstrap和jQuery来创建可折叠多级菜单,并在末端节点添加复选框,点击按钮时获取这些节点ID并查询其内容。1....添加复选框和按钮功能在叶子节点文本中添加复选框,并在按钮点击获取选中节点ID,发送请求到后端获取内容数据,并在页面上显示。...前端代码在前面的代码基础上,我们已经在叶子节点上添加了复选框,同时实现了按钮点击获取选中节点ID。下面是完整前端代码:<!...Django、RestFul API和Bootstrap多级菜单功能,并且在菜单末端节点上添加了复选框,点击按钮时可以获取选中节点ID,并查询其内容。

    26200
    领券