Javascript 角度2-ES6-根据复选框值触发表单验证程序

我试图实现的目标在

但是，对于如何将复选框状态传递到文本框的验证器中，没有任何解释。我的代码如下

组成部分：

验证器函数

---

但是，在调用updateValueAndValidity时，已更新的复选框值不会反映在验证器函数中。我在这里遗漏了什么？

我认为您没有以正确的方式订阅来自关联控件的复选框更新。您需要提供一个回调，以便在更新复选框时收到通知：

this.checkbox.valueChanges
    .subscribe(
      (value) => { this.name.updateValueAndValidity(); }
    );

关于复选框的值，您将其作为值提供，因为它是一个基本类型而不是引用，所以Angular2无法更新它。要访问当前值，需要提供控件本身引用并使用其value属性：

function nameValidator(checkboxCtrl) {
  return function(control) {
    let checkbox = checkboxCtrl.value;
      if (checkbox && !control.value)
          return { required: true };
      return null;
  }
}

以下是创建控件的新方法：

this.checkbox = new Control(false);
this.name = new Control('', nameValidator(this.checkbox));

---

下面是对应的plunkr:。

shouldCreateNewTeam方法的内容是什么？我认为问题在于在表单生成器中调用它时。。。谢谢更新。在此处发布时重命名了我的变量。不知怎么错过了这个。

function nameValidator(checkboxCtrl) {
  return function(control) {
    let checkbox = checkboxCtrl.value;
      if (checkbox && !control.value)
          return { required: true };
      return null;
  }
}

this.checkbox = new Control(false);
this.name = new Control('', nameValidator(this.checkbox));