角4：ネストされたフォームバリデータを無効にする

Question

"addressLine1"バリデータを無効にしたい。どうすればそれを無効にすることができますか？

<form [formGroup]="form"> 

<div ><label><span class="required">*</span>State/Province/Region<br><input class="form-control" pInputText formControlName="addressLine1" [(ngModel)]="selected.address.addressLine1" required></label></div> 

</form> 

：それは

this.form = fb.group({   
      'region': [null, Validators.required], 

      'address': fb.group({    
       'addressLine1': ["", Validators.required], 
       'addressLine2': [""], 
       'city': ["", Validators.required]    
      }), 

     }) 

"アドレス" 要素の内部にネストされた時に、私は以下にこれを試してみましたが、それは

this.form.controls["address"]["addressLine1"] .disable(); 

を動作しませんでした見ることはここで

はhtmlですありがとう

Answer 1

正しい構文は次のようになります。

(this.form.controls["address"] as FormGroup).controls["addressLine1"].disable({}); 

またはより良い

this.form.get('address.addressLine1').disable(); 

Stackblitz example

更新

次のコードを使用バリデータを無効にするには：

const control = this.form.get('address.addressLine1'); 
control.setValidators(null); 
control.updateValueAndValidity(); 

Stackblitz Example

Answer 2

disableメソッドにパラメータを渡す必要があります。私たちはdocs says us：

だから、あなただけの空のオブジェクトを渡し、任意のパラメータを渡す必要はありませんし、コードは次のようになります場合：

this.form.controls["address"]["addressLine1"].disable({});