@elboble 也可以选择 Angular

@helee9199 #16
其实用 java 思维写 Angular 是完全没问题的，比如你定义一个 class 来处理 model 肯定可以，但是要转换 class 才能传给 this.fb.group ，有 OOP 的编码经验上手 Angular 会更容易

先不用考虑 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 ，否则肯定拿不到

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

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

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

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

> 好久没关注 Angular 了，我还停留在零点几的版本概念，国内用得很少。我刚看了下 service ，貌似是为了解决 api 调用的问题？而我要解决的是组件间调用的问题，好像不太一样
@elantion 组件间通信最简单的方式就是 service ，复杂的状态管理方案也有很多，非常建议深入了解 Angular

Angular 就是为大项目而生，只用 service 就可以处理状态，没有 redux 那种烦恼呀，楼主说的不会是 AngularJS 吧

感谢分享，非常不错

Angular 这两年新加的功能全否有对应 ng update 命令，迁移很丝滑，担心 npm 包太老就更新呗，没啥可抱怨的吧

因为谷歌的产品都是 web 优先，所以官方团队重心不在原生。但是 Angular 本身就是跨平台的，只需要定制一套 platform （国内有人搞过小程序的），nativescript 就是跨平台的一种实现。题外话，Angular 的衍生生态还是很丰富的，比如 nestjs

@kasusa 对的，不过咋感觉都有点粗糙呢，我打开的几个项目窗口都没有 resize 功能，还有模拟 windows 的项目就更多了