我正在使用NgForm获取表单data.But,显示了以下错误,并且没有呈现任何内容。
Error: Template parse errors:
There is no directive with "exportAs" set to "NgForm" ("<div class="add-issue">
<h1>Add an issue</h1>
<form [ERROR ->]#issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">
<div class="form-group">
<l"): ng:///AppModule/CreateissueComponent.html@2:10
issue.component.html:
<div class="add-issue">
<h1>Add an issue</h1>
<form #issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">
<div class="form-group">
<label for="comment">Issue description:</label>
<textarea class="form-control" rows="5" id="comment" name="description" ngModel #inputSearch="ngModel"></textarea>
</div>
<div class="form-group">
<label for="sev">Severity</label>
<select class="form-control" id="sev" name="sev" ngModel #inputSearch="ngModel">
<option>Low</option>
<option>Medium</option>
<option>High</option>
</select>
</div>
<button mat-stroked-button color="primary" type="submit">Submit</button>
</form>
</div>
issue.component.ts:
addIssue(form: NgForm) {
console.log(form.value);
}
我已将FormsModule、ReactiveFormsModule、CommonModule导入到app.module.ts文件和spec file.But中,但问题仍然存在
发布于 2018-09-17 01:21:31
ngForm
是公开的指令。不是NgForm
变化
<form #issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">
至
<form #issueForm="ngForm" (ngSubmit)="addIssue(issueForm)">
https://stackoverflow.com/questions/52356598
复制相似问题