Angular mat-form-field 找不到“ngForm”答案

【问题标题】：Angular mat-form-filed not finding "ngForm"Angular mat-form-field 找不到“ngForm”
【发布时间】：2021-04-09 01:14:42
【问题描述】：

在我的 Angular 应用程序中：我想从这种效果很好的表单切换：

<form autocomplete="off" #searchActor="ngForm"
    (ngSubmit)= submitForm(searchActor.value)
    class="ml-2 mr-2 my-auto">
    <input type="text" name="actorSearch"
        (ngModel)="model.searchActor">
 </form>

对这个有棱角的材料一：

    <mat-form-field #searchActor="ngForm"
                        (ngSubmit)= submitForm(searchActor.value)
                        class="ml-2 mr-2 my-auto">
          <mat-label>Custom Search</mat-label>
            
          <input matInput type="text"
                          name="actorSearch"
                          placeholder="Ex. young, cartoon..." 
                          (ngModel)="model.searchActor">
          <button mat-button *ngIf="value" matSuffix mat-icon-button aria-label="Clear" (click)="value=''">
            <mat-icon>close</mat-icon>
          </button>
   </mat-form-field>

这是我的进口：

imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    BrowserAnimationsModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSelectModule,
    MatButtonModule,
    MatIconModule,
    MatInputModule,
    MatFormFieldModule,
  ],

但是每当我加载我的应用程序时，我都会收到此错误：

知道如何解决这个问题吗？

【问题讨论】：

标签： angular angular-material angular-forms

【解决方案1】：

你应该留下表单标签

<form autocomplete="off" #searchActor="ngForm" (ngSubmit)= submitForm(searchActor.value) class="ml-2 mr-2 my-auto">

并描述里面的每个字段

语法错误

类似的东西

<form novalidate #searchActor ="ngForm">
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" name="myname" required [(ngModel)]="comment">
    <mat-error>Is required lol</mat-error>
  </mat-form-field>
</form>

【讨论】：