首页
学习
活动
专区
工具
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.5K30
  • 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内容。

    95110

    Daily-Blog项目后台日志

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

    31810

    项目之热点问题和问答列表(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再发起第二次请求去各分片获取要返回字段

    67710

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

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

    78030

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

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

    65120

    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

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

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

    1.2K100

    基于Java爬取微博数据(五) 补充微博正文列表图片 or 视频 内容

    补充图片 or 视频下面开始补充图片 or 视频 链接获取操作,考虑到视频链接有 Expires 过期时间字段,那么这里在导出 微博正文列表内容 到 Excel 中时保存 转存图片 or 视频路径...,首先给导出实体类 ExcelData 增加如下字段然后在获取微博正文内容列表 main 方法中增加如下代码,这里需要注意是 pic_ids 和 pic_infos 是配套出现, pic_ids 值...就是 pic_infos 对象 key关于 pic_infos 对象包括多种 宽高 尺寸图片链接地址,你可以根据自己需要选择不同宽高图片进行转存最后补充转存微博正文图片代码如下下面再来看获取视频操作...("pic_infos"); // 遍历 pic_ids 获取 pic_infos 对象 key...写在最后到这里,关于爬取微博数据整体操作就都完成了,主要包括了微博主页列表数据、微博用户主页数据、微博长文本、微博正文内容图片 or 视频内容以及微博列表内容转存等操作,感兴趣可以尝试吧。

    19610

    嘎嘎基础JavaWeb(中)

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

    36100

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

    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 请求参数:无 删除用户收藏商品 接口说明:根据用户商品收藏

    50020

    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

    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

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

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

    5.3K60
    领券