Angular Multi-select正在返回NULL

我试着用反应角的形式做一个简单的形式。 它有

• 一封电子邮件
• 下拉列表
• 多选
• 文本区

我用的是双向装订。除多选功能外，所有功能均正常工作 Multi-select正在返回“NULL”

这是密码

<div class="container">
    <h2 class="col-md-6 mx-auto my-auto"> form</h2>
    <form [formGroup]="dropdown">
            <div class="form-group">
              <label for="exampleFormControlInput1">Email address</label>
              <input formControlName="email" type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
            </div>
            <div class="form-group">
              <label for="exampleFormControlSelect1">Example select</label>
              <select class="form-control" id="exampleFormControlSelect1" formControlName="single_select">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
              </select>
            </div>
            <div class="form-group">
              <label for="exampleFormControlSelect2">Example multiple select</label>
              <select multiple class="form-control" id="exampleFormControlSelect2" formControlName="multi_select">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
              </select>
            </div>
            <div class="form-group">
              <label for="exampleFormControlTextarea1">Example textarea</label>
              <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" formControlName="text_area"></textarea>
            </div>
    </form>
    {{dropdown.value | json}}
</div>

结果:

---

在这里，我为您创建了一个bug修复版本

您应该在选项中添加

[ngValue]

，如下所示：

1.
2.
3.
4.
5.

你能做一次闪电战吗？您的

选项应具有声明的值。

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from "@angular/forms";


@Component({
  selector: 'app-dropdown',
  templateUrl: './dropdown.component.html',
  styleUrls: ['./dropdown.component.scss']
})
export class DropdownComponent implements OnInit {
  dropdown = new FormGroup({
    email : new FormControl(""),
    single_select : new FormControl(""),
    multi_select : new FormControl(""),
    text_area : new FormControl(""),
  });
  constructor() { }

  ngOnInit() {
  }
}