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

Question

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

情况1：

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

密码：new FormControl('', Validators.required),

案例2：

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

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

案例3：

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

谢谢。

Answer 1

你可以使用clearValidators()and setValidators()，所以无论你的隐藏字段有什么布尔标志，我在这里都使用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