未找到带有 exportAs 'ngModel' 的指令。角12

Question

我正在以角度创建表单验证，但出现错误

未找到带有 exportAs 'ngModel' 的指令。

我的代码：

<form>
  <div class="form-group">
      <label for="firstname">First Name</label>
      <input type="text" id="name" name="name" required minlength="4" 
                     appForbiddenName="bob" ngModel #name="ngModel">
                     
      <div class="alert alert-danger" *ngIf>First name required</div>
  </div>
  <div class="form-group">
      <label for="comment">Comment</label>
      <textarea name="" id="comment" cols="30" rows="10" class="form-control"></textarea>
  </div>
  <button class="btn btn-primary">Submit</button>
</form>

错误：

     Error: src/app/app.component.html:6:60 - error NG8003: No directive found with exportAs 'ngModel'.
    
    6                      appForbiddenName="bob" ngModel #name="ngModel">
                                                                 ~~~~~~~
    
      src/app/app.component.ts:5:16
        5   templateUrl: './app.component.html',
                         ~~~~~~~~~~~~~~~~~~~~~~

组件AppComponent的模板出现错误。

Answer 1

如果您使用角度模板驱动的表单并想要使用 #name="ngModel" 您还需要[(ngModel)]="mymodel"在同一输入中使用指令，当然，

Add import { FormsModule } from '@angular/forms';

到您的app.module.ts导入数组中，您需要添加 FormsModule。