如何根据条件设置表格有效?

时间:2018-08-30 22:07:01

标签: angular angular5

我有验证表:

public initStep6() {
    return this.fb.group({
      'name': ['', [Validators.required]]
    });
  }

页面上还有一个复选框,即使选中的名称为空,如果选中该复选框也应有效。

如何在不填写字段的情况下使表格有效?

1 个答案:

答案 0 :(得分:1)

如果我的理解正确,那么您希望该表单有效,如果其中一个名称具有值,或者选中了复选框(未包含在表单组中)。您可以在Pod上使用自定义ThreadSafeStore函数来检查多个字段中的值。这实际上来自表单验证文档中的Cross Field Validation示例。看起来像这样:

Pod

模板:

ValidatorFn

我创建了一个StackBlitz来演示该功能,包括在表单无效时禁用提交。

希望这会有所帮助!如果这不是您要寻找的内容,那么您确实需要为问题添加更多信息。