首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >多个指令,导出为

多个指令,导出为
EN

Stack Overflow用户
提问于 2019-05-28 10:31:54
回答 2查看 785关注 0票数 2
代码语言:javascript
运行
复制
<form novalidate class="mt-2" #paramForm="ngForm" [formGroup]="form" (ngSubmit)="onSubmit(form)">

我从网络风暴中得到了以下提示:

是否有方法访问由ngForm导出的formGroupDirective实例?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-05-28 11:42:01

您应该只使用其中一种:

代码语言:javascript
运行
复制
#paramForm="ngForm"         // This pertains to Template Driven Form

or

[formGroup]="form"         // This pertains to Reactive Form

因此,如果使用模板驱动的表单,其中将指定模板上的控件(ngModel),则使用#paramForm="ngForm"

代码语言:javascript
运行
复制
<form novalidate 
      class="mt-2" 
      #paramForm="ngForm" 
      (ngSubmit)="onSubmit(form)">

但是,如果没有使用反应性表单,使用FormBuilder/FormGroup/FormControl在组件上指定FormControls,则使用[formGroup]="form"

代码语言:javascript
运行
复制
<form novalidate 
      class="mt-2" 
      [formGroup]="form"
      (ngSubmit)="onSubmit(form)">

创建了一个斯塔克布利茨,如下所示。希望这能有所帮助。

票数 3
EN

Stack Overflow用户

发布于 2019-07-16 15:19:11

我使用的是ngForm指令和formGroup指令,只要我只导入ReactiveFormsModule,而不是导入该指令和FormsModule,就不会在角7中得到该错误。那可能是你的问题。

示例:

代码语言:javascript
运行
复制
<form [formGroup]="inviteForm" (ngSubmit)="onSubmit()" #formDir="ngForm">
  <span *ngIf="formDir.submitted && !inviteForm.get('firstName').valid; else otherErrorMessage">First name invalid</span>
</form>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56340239

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档