@ angular / forms中的复选框组：^ 0.2.0

Question

我需要两组不同的复选框。我写过下面的TS似乎有效。但我似乎无法理解表单的HTML如何将其正确绑定到表单。有什么建议吗？

  buildForm():void {
    let countryGroup = {};
    let shipperGroup = {};

    this.countryList.forEach(country => {
      countryGroup[country.key] = new FormControl(false);
    });

    this.shipperList.forEach(shipper => {
      shipperGroup[shipper.key] = new FormControl(false);
    });

    this.form = new FormGroup({
      countries: new FormGroup(countryGroup),
      shippers: new FormGroup(shipperGroup),
    });
  }

修改 好。所以我甚至认为这不是正确的做法。我似乎找不到使用复选框和/或多选的任何示例。

我需要的基本上是一种映射下面的方法。我需要一个已检查值的数组（正如普通的POST会产生的那样）。

  <label>
    <input type="checkbox" name="foobar[]" value="foo">
    Foo
  </label>
  <label>
    <input type="checkbox" name="foobar[]" value="bar">
    Bar
  </label>