Angularmat-form-filed找不到“ngForm”

在我的 Angular 应用程序中:我想从这种工作良好的表单切换:

<form autocomplete="off" #searchActor="ngForm"
    (ngSubmit)= submitForm(searchActor.value)
   >
    <input type="text" name="actorSearch"
        (ngModel)="model.searchActor">
 </form>

对于这种有棱角的材料:

    <mat-form-field #searchActor="ngForm"
                        (ngSubmit)= submitForm(searchActor.value)
                       >
          <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,
  ],  

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

知道我该如何解决这个问题吗?

回答

你应该留下表单标签

<form autocomplete="off" #searchActor="ngForm" (ngSubmit)= submitForm(searchActor.value)>

并描述里面的每个字段

这是错误的语法
<mat-form-field #searchActor="ngForm"

像这样的东西

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


以上是Angularmat-form-filed找不到“ngForm”的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>