需要 angular 反应式表单切换验证吗？

Question

我有这个单选按钮询问（你有按摩证书吗？）如果是，它将显示文件输入。 我希望这个文件输入不是默认的，如果用户 select 是的，它将成为必需的。 我在下面有这段代码，默认情况下将证书验证设置为 null，如果 has_cert 变为 true，则设置证书验证器但它不起作用..我需要你们的帮助。 提前致谢。

<p>Form value: {{ form.value | json }}</p>
<p>cert input : {{ form.get('cert').status | json }}</p>

.ts

form: FormGroup;
has_cert = new FormControl(false || true);
has_exp = new FormControl(false || true);
ngOnInit(): void {

    this.form = new FormGroup({
        ...
        has_cert: new FormControl(''),
        cert: new FormControl(''),
        ...
    })

    this.form.get("cert").setValidators(null);

    this.form.get('has_cert').valueChanges.pipe(
        filter(value => value === false || null)
    ).subscribe(
        () => this.form.get('cert').setValue(''),
        () => this.form.get("cert").setValidators(null)
    );

    this.form.get("has_cert").valueChanges.pipe(
        filter(value => value === true)
    ).subscribe(
        () => this.form.get("cert").setValidators(
            [
                Validators.required,
                Validators.pattern('^.*\.(doc|DOC|docx|DOCX|pdf|PDF)$')
            ]
        )
    );
}

Answer 1

您需要对每种情况使用form.get('something').setValidators(...) 。

Answer 2

要添加到@Liu Zhang 的答案，我相信您可以使用 clearValidators 删除您使用 setValidators 添加的所有验证器。