nzbin 最近的时间轴更新 nzbin 最近的时间轴更新 |
nzbin🏢 人人网 / 前端开发工程师 V2EX 第 277218 号会员，加入于 2017-12-27 10:58:00 +08:00 |
www.cnblogs.com/nzbin/
北京朝阳
nzbin
nzbin
nzbin
| 一款精美的 CSS 渐变可视化组件，支持所有 CSS 渐变语法的双向绑定！ 分享创造 • nzbin • 2025 年 8 月 27 日 • 最后回复来自 nzbin | 2 |
| 闲暇之余，简单模拟了一个 web 版的 macOS 桌面 程序员 • nzbin • 2025 年 3 月 20 日 • 最后回复来自 kasusa | 16 |
| ng-matero v18 来了！发布五年以来首次 UI 大改版！ 分享创造 • nzbin • 2024 年 6 月 24 日 • 最后回复来自 nzbin | 4 |
| ng-dnd 3.0 发布了！🎉 Angular • nzbin • 2024 年 4 月 26 日 • 最后回复来自 nzbin | 3 |
| 低代码之光！轻量级 GUI 的设计与实现 程序员 • nzbin • 2023 年 12 月 30 日 • 最后回复来自 nzbin | 10 |
| 一款专为低代码平台打造的轻量级 GUI 库，欢迎围观！
2 分享创造 • nzbin • 2023 年 11 月 17 日 • 最后回复来自 nzbin
|
17 |
| 维护了四年的开源项目终于收获 1000 star 程序员 • nzbin • 2023 年 8 月 30 日 • 最后回复来自 touchmii | 9 |
| Ng-Matero v14 已发布 分享创造 • nzbin • 2022 年 7 月 22 日 • 最后回复来自 string2020 | 3 |
| Ng-Matero v13 已发布！ 分享创造 • nzbin • 2021 年 12 月 27 日 • 最后回复来自 lait123 | 2 |
| 一个 CSS 小项目的千星之路 程序员 • nzbin • 2021 年 12 月 14 日 • 最后回复来自 nzbin | 7 |
nzbin 最近回复了
17 小时 13 分钟前 回复了 1244943563 创建的主题 › 程序员 › Incremark Solid 版本上线： Vue/React/Svelte/Solid 四大框架，统一体验 |
暂时用不到，但也希望支持 Angular
2025 年 12 月 29 日 回复了 lemoncoconut 创建的主题 › 程序员 › AI coding 是否会导致小众技术栈逐渐消亡 |
@elboble 也可以选择 Angular
2025 年 11 月 27 日 回复了 helee9199 创建的主题 › 程序员 › 新手问个 angular 问题，就是表单数据如何优雅的封装到 model 里 |
@helee9199 #16
其实用 java 思维写 Angular 是完全没问题的，比如你定义一个 class 来处理 model 肯定可以，但是要转换 class 才能传给 this.fb.group ，有 OOP 的编码经验上手 Angular 会更容易
其实用 java 思维写 Angular 是完全没问题的，比如你定义一个 class 来处理 model 肯定可以，但是要转换 class 才能传给 this.fb.group ，有 OOP 的编码经验上手 Angular 会更容易
2025 年 11 月 25 日 回复了 helee9199 创建的主题 › 程序员 › 新手问个 angular 问题，就是表单数据如何优雅的封装到 model 里 |
先不用考虑 signal form ，对于小白来说，你的需求首选就是 Reactive Form
第一：50 个字段不算多，一般就是初始化定义一次，用的就是 this.form = this.fb.group
第二：提交的时候直接用 this.form.value （或者 this.form.rawValue ，禁用的字段也能取出） 获得表单值就可以，不需要额外处理了（特殊情况可能会对某几个字段处理）
第三：想要做到第二点可能需要自定义表单控件，不过大部分组件库的大部分组件应该都满足，考虑到业务的多样性，很多情况是满足不了的，比如有一个布尔类型的字段，前端组件库处理都是 true 或者 false ，但是后端要求传值是 1 和 0 ，那直接绑定就不行了，提交的时候肯定要后处理，但是你可以定义一个 <app-checkbox /> 的组件，内部做转换，form.value 的值不用后处理了
第四：patchValue(object) 就行啊，也不用一个一个字段写出来，后端的返回数据和提交数据应该都一样吧，特殊不一样的字段单独处理就行
当然，对于新手来说，不用考虑第三点，先用 form.value 取值，最后需要处理的字段单独处理就行了
第一：50 个字段不算多，一般就是初始化定义一次，用的就是 this.form = this.fb.group
第二：提交的时候直接用 this.form.value （或者 this.form.rawValue ，禁用的字段也能取出） 获得表单值就可以，不需要额外处理了（特殊情况可能会对某几个字段处理）
第三：想要做到第二点可能需要自定义表单控件，不过大部分组件库的大部分组件应该都满足，考虑到业务的多样性，很多情况是满足不了的，比如有一个布尔类型的字段，前端组件库处理都是 true 或者 false ，但是后端要求传值是 1 和 0 ，那直接绑定就不行了，提交的时候肯定要后处理，但是你可以定义一个 <app-checkbox /> 的组件，内部做转换，form.value 的值不用后处理了
第四：patchValue(object) 就行啊，也不用一个一个字段写出来，后端的返回数据和提交数据应该都一样吧，特殊不一样的字段单独处理就行
当然，对于新手来说，不用考虑第三点，先用 form.value 取值，最后需要处理的字段单独处理就行了
2025 年 10 月 30 日 回复了 lizy0329 创建的主题 › 程序员 › 你们觉得 Ramda 这个库咋样？ |
@zaneliu #7
看完之后，我反倒觉得 rxjs 更能体现“流水线”这种思想
https://rxjs.tech/guide/overview
fromEvent(document, 'click')
.pipe(
throttleTime(1000),
map((event) => event.clientX),
scan((count, clientX) => count + clientX, 0)
)
.subscribe((count) => console.log(count));
看完之后，我反倒觉得 rxjs 更能体现“流水线”这种思想
https://rxjs.tech/guide/overview
fromEvent(document, 'click')
.pipe(
throttleTime(1000),
map((event) => event.clientX),
scan((count, clientX) => count + clientX, 0)
)
.subscribe((count) => console.log(count));
2025 年 8 月 27 日 回复了 nzbin 创建的主题 › 分享创造 › 一款精美的 CSS 渐变可视化组件，支持所有 CSS 渐变语法的双向绑定！ |
@summerwar 好主意，这就安排上
2025 年 7 月 14 日 回复了 insanny 创建的主题 › Angular › 关于外部 js 修改 dx-select-box 的值的可行性 |
换个思路，<dx-select-box #dxSelectBoxInstance>，可以在组件里面获取实例，然后把实例赋值到 window 上面，比如 window.dxSelectBoxInstance = dxSelectBoxInstance ，这样就能用 js 操作了
2025 年 7 月 14 日 回复了 insanny 创建的主题 › Angular › 关于外部 js 修改 dx-select-box 的值的可行性 |
用框架是不建议直接操作 dom 的，好奇是什么场景必须用这种方式。<dx-select-box> 实例和 dom 元素没有关系，除非组件库给出 api ，否则肯定拿不到
Select Language