Angular 4: Deaktivierung verschachtelter Formvalidatoren

Question

Ich möchte den Validator "addressLine1" deaktivieren; Wie kann ich es deaktivieren? Sehen Sie es innerhalb von "Adresse" Element verschachtelt ist

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

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

     }) 

ich dies unten versucht, aber es hat nicht funktioniert

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

Danke

Hier ist die html:

<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> 

Answer 1

Die korrekte Syntax sein sollte:

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

oder noch besser

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

Stackblitz example

aktualisieren

Validator den folgenden Code deaktivieren verwenden:

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

Stackblitz Example

Answer 2

Wir müssen Parameter an disable Methode übergeben wie uns sagt:

Also, wenn Sie keine Parameter übergeben müssen, geben Sie einfach ein leeres Objekt, und der Code sollte wie folgt aussehen:

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