nzbin

先不用考虑 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 取值，最后需要处理的字段单独处理就行了

@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));

@summerwar 好主意，这就安排上

换个思路，<dx-select-box #dxSelectBoxInstance>，可以在组件里面获取实例，然后把实例赋值到 window 上面，比如 window.dxSelectBoxInstance = dxSelectBoxInstance ，这样就能用 js 操作了

用框架是不建议直接操作 dom 的，好奇是什么场景必须用这种方式。<dx-select-box> 实例和 dom 元素没有关系，除非组件库给出 api ，否则肯定拿不到

@xuzhongzhou 有没有可能国人的代码质量也不咋地[捂脸]

和 op 产生共鸣了，我看到这情况的时候心里也会有点抱怨，主要带着塑料膜也不好墩啊

@yimity 当然有啊，都不搜一下的嘛[捂脸]

https://github.com/ng-primitives/ng-primitives
https://github.com/spartan-ng/spartan

@xiaolingxinna RxJS 4M 那是 npm 包的体积，不是代码引入的大小，你应该看看 dist 目录里面的 esm 包，而且 RxJS 不只是做事件驱动，而是完整的异步解决方案