问题标签 [angular-formbuilder]

我在 Angular 7 中创建了带有动态表单字段的动态表单，但我无法维护单个提交按钮，该按钮将返回所有动态表单的值。

动态形式multiple.html

动态形式multiple.ts

canvas.component.ts

从 canvas.component.ts 我将 JSON 数据传递给 dynamic-form-multiple.html ，这将生成具有多个提交按钮的多个表单和字段，但我需要为所有表单设置一个提交按钮，它将返回所有表单在 JSON 结构中。

或者

有没有其他方法可以在一页上实现具有动态表单字段的多个表单？

我的 Angular 应用程序中有一个子项目。在这个子项目中，我想创建一个带有输入字段的表单。如果字段无效（例如，必填），这些字段需要验证并且需要显示错误（可选）。好吧，问题是，“formControlName”属性是未定义的（看看这个线程的标题）。

代码定义如下：

和 HTML：

我还将FormsModuleand添加ReactiveFormsModule到 AppModule 文件中。有人有想法吗？

我将 Angular 7.3.2 与 Angular Material 7.3.2 一起使用。

我想从值列表中构建一个读取字段的表单：

在组件 ts 文件中，我有：

但是从浏览器我得到了这个错误：

最后，在主模块中我导入 ReactiveFormsModule。任何人都可以帮助我吗？

我有父组件，我通过单击搜索在表格网格中搜索数据来提交表单，该表格网格位于子组件中，该子组件也是其他组件使用的共享组件。我想将表单数据传递给这个子组件并在表格网格上显示结果。

使用 @ViewChild 装饰器调用函数和使用 @Input 装饰器将表单数据传递给子组件将是这样做的方法。还是有更好的方法？

我的项目Stackblitz中有 loginForm

但我在“formControlName”处收到错误：

错误类型错误：无法在 checkAndUpdateView (core.js:23306) 的 Object.debugUpdateDirectives [as updateDirectives] (core.js:23910) 的 Object.eval [as updateDirectives] (LoginComponent.html:7) 处读取未定义的属性“get”在 callViewAction (core.js:23547) 在 execComponentViewsAction (core.js:23489) 在 checkAndUpdateView (core.js:23312) 在 callViewAction (core.js:23547) 在 execEmbeddedViewsAction (core.js:23510) 在 checkAndUpdateView (core.js:23510) js:23307) 在 callViewAction (core.js:23547)

我的登录组件：

我不明白错误出现在哪里。

我的输入字段组件Stackblitz

我错过了什么？

我正在使用 DTO 的反应形式。在这我们有一些复杂的嵌套结构。

因此，当我们设计 html 时，在一个部分中，一个表单中的一些字段和另一个表单中的一些字段。

例如。

如您所见，我在患者表单部分中有access_code字段，但该字段属于父表单。

我有这种结构，其中设计中的一个部分包含来自不同表单组的字段。

我想知道有什么方法可以定义特定的属于特定的（在这种情况下是父表单）表单组？

我正在尝试在 Angular 6 中进行表单验证

html代码

组件.ts

在 app.modeule.ts,component.ts 文件中，我添加了以下模块 FormBuilder、FormGroup、Validators，当我在 html 文件上调试时显示错误。

向 angular 添加新对象属性的正确方法是什么formGroup？

我有这个设置：

在 store 属性中，如果单击了复选框，我想添加。在阅读角度文档后，我有这个解决方案正在运行，但在 vscode 上给了我红线。我想知道这是正确的方法吗？

解决方案：

图片：

它给了我一条错误消息，但工作得很好。奇怪但还可以。

我正在尝试使用异步验证创建一个控件，但我不想要同步验证：

使用 formBuilder 创建表单。

如果我将同步验证参数保持为 Validators.required 则不会出错。

错误：

ERROR 错误：期望验证器返回 Promise 或 Observable。在 toObservable (forms.js:603) 在 Array.map () 在 FormControl.asyncValidator (forms.js:591) 在 FormControl.push../node_modules/@angular/forms/fesm5/forms.js.AbstractControl._runAsyncValidator ( forms.js:2535) 在 FormControl.push../node_modules/@angular/forms/fesm5/forms.js.AbstractControl.updateValueAndValidity (forms.js:2508) 在 FormControl.push../node_modules/@angular/forms/ fesm5/forms.js.AbstractControl._updateTreeValidity (forms.js:2523) at forms.js:2522 at forms.js:3309 at Array.forEach () at FormGroup.push../node_modules/@angular/forms/fesm5/ forms.js.FormGroup._forEachChild (forms.js:3309)

验证器功能：

根据 JSON 响应，使用 Angular 7 在 html 中创建动态下拉输入

我从后端得到一个 json 响应，这取决于我在 html 中创建标签和下拉输入的响应，但现在我希望用户使用下拉输入为每个标签设置一些值，并且我想为给定的输入创建一个 json 对象将其传递回电话后

我想为每个标签从用户那里获取下拉输入，并将其作为 json 传递给 post call。