angular - 在响应式(Reactive)表单中选中复选框时启用

Question

我需要帮助才能使行仅在选中复选框时启用。应禁用默认行，但仅选中该复选框时，将启用该行。这是我的代码的链接

LINK CODES

  patchValues() {
    let rows = this.myForm.get('rows') as FormArray;
    this.orders.forEach(material => {
      material.materials.forEach(x => {
      rows.push(this.fb.group({
        checkbox_value: [null],
        material_id:  new FormControl({value: x.id, disabled: true}, Validators.required),
        material_name: x.name, 
        quantity: [null, Validators.required]
      }))
    })
      })

  }

Answer 1

Have a look at the Demo & Src

Stack Blitz, Fork

Explanation:

1. 要启用或禁用输入字段，您需要使用以下语法[attr.disabled]="myForm.get('rows').value[i].checkbox_value ? null: ''"
2. attr.disabled，此处 attr 用于绑定(bind)元素上不直接存在的属性
3. myForm.get('rows').value[i].checkbox_value 是对表单控件值的相当直接的访问。