如何使用Angular2根据默认复选框设置休息值

Question

您好，我正在使用带有 Bootstrap 的 Angular8，这里我使用了响应式表单，当我选中 Make Default 复选框时，Flowers 行（邮件、电子、交付和接收）中的值应该被复制到相同的位置行。

如果传真号码格式不正确，如何在特定行收件人下方显示错误消息。

Ts：

 checkAll(ev) {
    const control = <FormArray>this.exampleForm.get("printList");
    if (!this.all) {
      this.printListArray.forEach(x => (x.value = false));
      control.patchValue(this.printListArray);
    } else {
      this.printListArray.forEach(x => (x.value = true));
      control.patchValue(this.printListArray);
    }
    console.log(control.value);
  }

  isAllChecked() {
    this.all = !this.all;
  }

DEMO

Answer 1

你的代码应该更像下面的代码

  checkAll(ev) {
    const control = <FormArray>this.exampleForm.get("printList");
    console.log(this.all);
    if (this.all) {
      this.all = false;
      this.printListArray.forEach(x => (x.electronics = false));
      control.patchValue(this.printListArray);
    } else {
      this.all = true;
      this.printListArray.forEach(x => (x.electronics = true));
      control.patchValue(this.printListArray);
    }
  }

主要区别在于，我不是更改x 的value 字段，而是更改electronics 字段，因此当您修补后者的表单时，this.printListArray 将在适当的状态。

在我建议的实现中，您将能够切换Electronics 行中的所有checboxes

请记住，printListArray 不是FormGroup/FormControl 的数组形式，它是一个常规对象数组，因此通常存在于FormControl 中的字段value 不存在。