Angular 没有带“的指令;exportAs";设置为";ngForm";(“部门”<;部门>;
我已经通过了,但仍然无法解决以下错误 错误:Angular 没有带“的指令;exportAs";设置为";ngForm";(“部门”<;部门>;,angular,angular7,Angular,Angular7,我已经通过了,但仍然无法解决以下错误 错误: ERROR Error: Uncaught (in promise): Error: Template parse errors: There is no directive with "exportAs" set to "ngForm" ("<div> <form novalidate [ERROR ->]#f=ngForm [formGroup]="pForm"> <div class
ERROR Error: Uncaught (in promise): Error: Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("<div>
<form novalidate [ERROR ->]#f=ngForm [formGroup]="pForm">
<div class="dxp-input">
<label class="dxp-input"): ng:///StudentModule/StudentComponent.html@1:21
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("<div>
<form novalidate #f=ngForm [ERROR ->][formGroup]="pForm">
<div class="dxp-input">
<label class="dxp-inputbox-label">"): ng:///StudentModule/StudentModule/StudentComponent.html@1:32
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("gth="0" maxlength="100"
AppModule.java
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
declarations: [
AppComponent,
TemplateComponent,
],
imports: [
BrowserModule,
HttpClientModule,
AppRoutingModule,
FormsModule,
ReactiveFormsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
错误错误:未捕获(承诺中):错误:模板分析错误:
没有将“exportAs”设置为“ngForm”的指令(“
]#f=ngForm[formGroup]=“pForm”>
#f=ngForm
无效,但为什么要同时使用反应式表单和模板驱动表单。只是不要,没有意义。请选择其中一种;)使用#f=ngForm
,如果表单上的所有字段都已填充,我将启用/禁用保存按钮。如何实现必填字段和自定义验证的表单验证?请阅读其中介绍的模板驱动和反应式表单。如果您使用angular 7,您是否也会收到usi警告顺便说一句,我没有收到任何警告
<div>
<form novalidate #f=ngForm [formGroup]="pForm">
<div class="dxp-input">
<label class="dxp-inputbox-label">
Program Name
<span class="dxp-required"><span aria-hidden="true">*</span></span>
</label>
<div class="input-container">
<input type="text" id="" class="input-box" aria-required="true"
autocomplete="off" [(ngModel)]="program.programName"
name="StudentName" [disabled]="isEdit? 'disabled' : null" formControlName="programName" required>
</div>
<div class="dxp-error dxp-required" aria-label="Please select this field" id="errMsg1">
{{errorStudentName}}
</div>
</div>
......
......
.....
</form>
<div>