表单标签错误:无值>具有名称的表单控件访问器

时间:2019-06-11 14:43:44

标签: angular

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

  

core.js:15724错误错误:未捕获(承诺中):错误:无值   名称为“ 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:''
  };

1 个答案:

答案 0 :(得分: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>