代码片段
文章平均质量分 57
悦涵仙子
大家好,我是一个热爱编程的前端开发工程师,对技术充满热情,喜欢分享和学习。擅长使用 HTML、CSS、JavaScript 构建用户友好的界面,并熟悉 Vue.js、React 等现代前端框架。对于前端性能优化、响应式设计以及跨端开发有一定的实践经验。希望通过博客记录技术成长的每一步,同时与大家交流分享,携手进步!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
angular获取roleFormGroup的control值
在 Angular 中,如果你想获取 roleFormGroup 中某个控件的值,可以使用 get() 方法结合 value 属性。根据你的代码,你似乎想获取 functionRoles 控件的值,并手动设置它的值为 [‘1’, ‘4’]。这是正确的,但如果 functionRoles 是一个 FormArray(动态表单),可能需要用 patchValue() 或逐个设置值。获取值:this.roleFormGroup.get(‘controlName’)?是可选的,防止 get() 返回 null)。原创 2025-03-28 11:32:11 · 369 阅读 · 0 评论 -
根据给定的数组动态添加 FormControl
动态表单更新:如果后续需要删除控件,用 this.roleFormGroup.removeControl(controlName)。初始值:new FormControl([], []) 表示初始值为空数组,无同步校验器。原创 2025-03-28 11:27:00 · 304 阅读 · 0 评论 -
遍历树并过滤出叶子节点的key,value值
要遍历树并过滤出所有叶子节点(isLeaf: true)的 key 和 value 值,可以使用 递归 或 迭代 的方式。动态表单控件:用 addControl 添加 FormControl,控件名格式为 {key}_dataRoles。初始值:直接将叶子节点的 value 作为表单控件的初始值。遍历树:递归或迭代提取叶子节点的 key 和 value。方法 3:使用 Array.flatMap(函数式风格)动态添加表单控件(结合问题需求)方法 2:迭代遍历(栈实现)方法 1:递归遍历(推荐)原创 2025-03-28 11:21:01 · 311 阅读 · 0 评论 -
遍历树并过滤出叶子节点的key值
key 重复问题:你的示例数据中多个节点使用了相同的 key(如 “1000” 和 “1001”),确保业务逻辑允许这种情况。输出:去重后的叶子节点 key: [“1000”, “1001”, “1010”]性能优化:对于深层嵌套的大树,迭代(方法2)比递归更安全。方法 3:使用 Array.flatMap(函数式风格)方法 2:迭代遍历(栈实现)方法 1:递归遍历(推荐)原创 2025-03-28 11:13:18 · 210 阅读 · 0 评论 -
Angular 的 nz-tree(NG-ZORRO 树组件)中设置选中状态
nzCheckedKeys 和 formControl 同步:确保表单控件的值(如 select)与树的选中状态一致。性能优化:如果树节点较多,避免频繁更新 checkedKeys 或 expandedKeys。key 的唯一性:树节点的 key 必须唯一,否则选中状态会冲突。通过以上方法,你可以灵活控制 nz-tree 的选中状态!原创 2025-03-28 11:08:08 · 648 阅读 · 0 评论 -
代码赏析(1)
作用域插槽keep-alive的include属性动态组件原创 2024-11-12 17:11:15 · 530 阅读 · 0 评论 -
芋道前端utils文件夹
这些方法主要用于处理身份验证、登录表单和租户信息的存储和检索。它们使用了 wsCache 对象来进行缓存操作,并且在处理密码时使用了加密和解密函数。需要注意的是,这个文件中还定义了一些类型和常量,如 LoginFormType 和各种缓存键名。这些不是方法,但对于理解和使用这些方法很重要。原创 2024-10-09 15:41:19 · 800 阅读 · 0 评论
分享