在表单标签中将 name 属性与 ngModel 一起使用，仍然出现错误 -"If ngModel is used within a form tag, either the name attribute must be set..."

Question

以下是我的html：

<div class="form-row">
  <div class="form-group col-md-3">
    <input [(ngModel)]="model.adminVerificationEndDate" name="adminVerificationEndDate" 
           type="text" autocomplete="off" class="form-control form-control-sm"
           [bsConfig]="datePickerConfig" bsDatepicker [minDate]="currentDate" required/>
  </div>
</div>

我已经初始化了我的 ts 文件中使用的所有变量。我使用 ngModel 在表单标签中绑定了模型属性，我还使用了 name 属性。

但仍然出现错误-如果在表单标记中使用 ngModel，则必须设置名称属性或必须在 ngModelOptions 中将 form-control 定义为 'standalone' .

我在这里缺少什么？

我还附上了我的控制台抛出该错误的屏幕截图。

任何形式的 help/suggestions 都表示赞赏。

Answer 1

试试

<input [(ngModel)]="model.adminVerificationEndDate" name="adminVerificationEndDate" 
             type="text" autocomplete="off" class="form-control form-control-sm" #adminVerificationEndDate="ngModel" 
             [bsConfig]="datePickerConfig" bsDatepicker [minDate]="currentDate" required/>

Answer 2

您使用的代码，

<div class="form-row">
   <div class="form-group col-md-3">
      <input [(ngModel)]="model.adminVerificationEndDate" name="adminVerificationEndDate"
       type="text" autocomplete="off" class="form-control form-control-sm"
       [bsConfig]="datePickerConfig" bsDatepicker [minDate]="currentDate" required/>
   </div>
</div>

您已在此表单标签中添加名称属性，但错误仍然存在。因此，有可能 您有另一个没有任何名称属性的表单标签。

但问题出在 控制台中，它会显示第一个表单标签的行号 是的，这令人困惑。

要正确理解这一点，请参阅。

所以，具体到你的情况，

请查看控制台错误的最后一行。它表示行号 140。

所以，我假设 第 123 行没问题（绿框）。

您可能忽略了那条线。如果有任何 name 属性，还要检查 html 的第 140 行。

Answer 3

使用此代码..

 <input [(ngModel)]="model.adminVerificationEndDate" name="adminVerificationEndDate" 
       type="text" autocomplete="off" class="form-control form-control-sm"
       [bsConfig]="datePickerConfig" bsDatepicker [minDate]="currentDate" required/>

在表单标签中将 name 属性与 ngModel 一起使用，仍然出现错误 -"If ngModel is used within a form tag, either the name attribute must be set..."

Using name attribute with ngModel in a form tag, still getting error -"If ngModel is used within a form tag, either the name attribute must be set..."

html

angular

forms

angular-ngmodel