angular - 混合 react 形式和模板形式

标签 angular angular-reactive-forms angular-template-form

我使用模板表单构建了一个包含大量输入的大表单。现在我需要动态添加一部分输入。由于使用 Reactive Form 动态添加输入似乎更容易,我想将输入的特定部分更改为 Reactive Form。

那么是否可以在同一个表单标签中混合使用响应式表单和模板表单?

最佳答案

您可以混合使用 reactive forms和模板驱动的表单,但强烈不推荐。这是因为使用 ngModel react 形式违背了形式状态不变性的想法。

响应式表单的原则遵循“单向”数据绑定(bind)规则,即您遵循管理表单状态的不可变方法,以便在模板和组件逻辑之间有更大的关注点分离。您可以在第一段的链接上阅读更多关于响应式(Reactive)表单的优点。

假设您正在继续混合模板驱动的表单和响应式(Reactive)表单。运行 ng serve 时控制台会抛出以下错误:

It looks like you're using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in Angular v7 For more information on this, see our API docs here: https://angular.io/api/forms/FormControlName#use-with-ngmodel

关于angular - 混合 react 形式和模板形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55739509/

相关文章:

Angular 5 Reactive Forms - 单选按钮组

angular - 何时在 Angular 中使用模板驱动和响应式表单

模板和 react 形式的 Angular 自定义组件

Angular 解析函数依赖于其他解析器

angular - 在 Angular 组件中设置 ngx-lightbox 时遇到问题

angular - 从 Web 应用程序中从 firestore 删除字段时出错。 "Unsupported field value: a custom DeleteFieldValueImpl object"

Angular FormControl 检查是否需要

angular - 如何在表单中正确预填写下拉列表?

Angular react 形式 : how to pre load form inputs with information

angular - 十进制管道,值不四舍五入