Question

<form #employeeForm="ngForm">
  <div class="form-group">
    <label for="dept21">Department2</label><br>
    <select 
      id="dept21" 
      name="dept21" 
      [(ngModel)]="dept21" 
      class="form-control">
      <option 
        *ngFor="let d of dept2" 
        [value]="d?.id">
        {{d.name}}
      </option>
    </select>
  </div>
</form>

我添加了名称属性。仍然出现错误。

Answer 1

您的代码对我来说很好。

尝试按Ctrl + C（在Windows上）或Cmd + C（在Mac上）以中断当前正在服务的应用。

然后再次运行ng serve。

那应该解决它。

Answer 2

清除缓存，然后尝试重新启动您的应用。即使这样做，也无法解决您的问题，您只需在选择标记中添加 [ngModelOptions] =“ {standalone：true}” ，即可解决您的问题。

Answer 3

为了解决这个问题，我只是在给定的 HTML 元素中添加了 name 属性。例如：添加如下后我遇到了这个错误：

<select id="inputLocationType" class="form-control custom-select" title={{tooltipMsg}} [(ngModel)]="locationType"  (change)="changeLocationType($event)">

然后我添加了 name 属性

<select id="inputLocationType" class="form-control custom-select" title={{tooltipMsg}} [(ngModel)]="locationType" name="location-type" (change)="changeLocationType($event)">

成功了

错误：如果在表单标签中使用ngModel，则必须设置name属性或表单。控件必须在ngModelOptions中定义为“独立”

3 个答案: