Angular 强类型 react 形式

Question

我希望重构我的 Angular 项目中的大量组件，以具有强类型的 FormGroups、FormArrays 和 FormControls。

我只是在寻找一种实现强类型 react 形式的好方法。任何人都可以根据自己的经验提供建议/建议吗？

谢谢你。

编辑:

澄清一下，强类型是指当前当我创建 FormGroup 或 FormArray 时，我无法指定其中的实际表单的结构。当我将此表单传递给我的应用程序中的各种组件时，我觉得我变得更难维护了。

Answer 1

最优雅的解决方案是利用 TypeScript 声明文件 ( *.d.ts ) 引入扩展标准表单类的通用接口(interface)，如 AbstractControl , FormControl等。它没有引入任何新功能，也没有在编译后的 JavaScript 中占用任何空间，但同时强制执行强类型检查。

它是 suggested Daniele Morosinotto 在今年 3 月和 there are talks现在将其包含在 Angular 9 中。

采用解决方案很简单:

下载TypedForms.d.ts来自 this gist并将其另存为 src/typings.d.ts在您的项目中(Angular 6+ 已经知道如何使用这个文件)。

只要您需要强类型验证，就开始使用新类型( FormGroupTyped<T> 、 FormControlTyped<T> 等)(参见 that gist 或 stackblitz 中的示例)。

如需更多信息，请查看 blog post分析强类型表单的可用解决方案。