表单标记错误：没有值 > 带有名称的表单控件的访问器答案

【问题标题】：Form tag error:No value > accessor for form control with name表单标记错误：没有值 > 带有名称的表单控件的访问器
【发布时间】：2019-06-11 14:43:44
【问题描述】：

我的部分表格有一点问题。这是角度误差：

core.js:15724 ERROR 错误：未捕获（在承诺中）：错误：没有值名称为“english_group”的表单控件的访问器错误：无值名称为“english_group”的表单控件的访问器

这是此表格的一部分：

<select >
        <option  [(ngModel)]="model.english_group" value="A1" name="english_group">A1</option>
        <option  [(ngModel)]="model.english_group" value="B1" name="english_group">B1</option>
        <option  [(ngModel)]="model.english_group" value="C1" name="english_group">C1</option>
      </select>

我希望用户能够选择一个组，并且该组已通过 POST 以表单的形式发送到服务器，但english_group 发送为 null 如何解决它。

也是 TypeScript 代码的一部分，以帮助理解我的意思。

model: students = {
    id: 0,
    name: '',
    surname: '',
    pesel: '',
    phoneNumber:'',
    address:'',
    email:'',
    english_group:'',
    grade:''
  };

【问题讨论】：

标签： angular

【解决方案1】：

将ngModel 放在select 而不是option

<select matNativeControl [(ngModel)]="model.english_group" [ngModelOptions]="{standalone: true}">
    <option value="A1" name="english_group">A1</option>
    <option value="B1" name="english_group">B1</option>
    <option value="C1" name="english_group">C1</option>
</select>

【讨论】：

我试过这个但后来我得到：错误错误：如果在表单标记中使用 ngModel，则必须设置名称属性或必须在 ngModelOptions 中将表单控件定义为“独立”。
你在 app.module.ts 中添加 FormsModule 了吗？
我编辑了我的答案以包含 ngModelOptions。见angular.io/api/forms/…