angular - 如果字段处于隐藏状态，如何删除必填字段 - Angular 2

Question

我需要针对下面提到的问题的解决方案。请帮助解决问题。

案例 1:

密码是新用户创建时的必填字段。

Password: new FormControl('', Validators.required),

案例 2:

使用 *ngIf 更改隐藏的密码可见性

( "ng-reflect-ng-if":"false" )

案例三:

现在，如果我点击“保存”，它会显示需要密码。帮我解决这个问题字段不应该验证它是否被隐藏。

谢谢。

Answer 1

您可以使用 clearValidators() 和 setValidators()，因此无论您为隐藏字段设置什么 bool 标志，我在这里都使用 hidden , 当该标志为 true 时，该字段被隐藏。

切换该值时，您可以执行以下操作:

this.hidden = !this.hidden
this.hidden ? this.myForm.get('Password').clearValidators() : 
              this.myForm.get('Password').setValidators([Validators.required])
this.myForm.get('Password').updateValueAndValidity();

演示:https://plnkr.co/edit/Jf2iTy5y3NMDNi5IDyoI?p=preview