Невозможно получить контент через NgForm

Question

Я использую NgForm для получения данных формы. Но отображается следующая ошибка и ничего не отображается.

  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-файл. Но проблема все еще сохраняется

Answer 1

ngForm является открытой директивой.Не NgForm

Изменить

<form #issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">

на

<form #issueForm="ngForm" (ngSubmit)="addIssue(issueForm)">