पर्चा बिल्डर त्रुटि लेखन त्रुटि की एक त्रुटि फेंकता है: संपत्ति के अपरिभाषित

Question

हाय मैं component.ts में पर्चा बिल्डर

का उपयोग कर कोणीय 2 में एक फार्म को लागू कर रहा हूँ मैं लागू कर दिया है 'hasError' पढ़ा नहीं जा सकता मेरी formGroup

का उपयोग कर प्रपत्र नीचे मेरे कोड

public myForm: FormGroup; 

constructor(private authenticateservice: AuthenticateService, 
       private _fb: FormBuilder 
      ) { 


} 

ngOnInit() { 

this.myForm = this._fb.group({ 
     address: [this.userDetails.address, [<any>Validators.required]], 
     address2: ['', [<any>Validators.required]], 
     city: ['', [<any>Validators.required]], 
     company_address: ['', [<any>Validators.required]], 
     company_address2: ['', [<any>Validators.required]], 
     company_city: ['', [<any>Validators.required]], 
     company_country: ['', [<any>Validators.required]], 
     company: ['', [<any>Validators.required , Validators.minLength(3)] ], 
     company_tax_number: ['', [<any>Validators.required]], 
     company_zip: ['', [<any>Validators.required, Validators.minLength(5) , Validators.maxLength(7)]], 
     country: ['', [<any>Validators.required]], 
     email: ['', [<any>Validators.required, Validators.email]], 
     first_name: [this.userDetails.first_name, [<any>Validators.required]], 
     id: ['', [<any>Validators.required]], 
     last_name: ['', [<any>Validators.required]], 
     phone: ['', [<any>Validators.required, Validators.minLength(10)]], 
     zip: ['', [<any>Validators.required , Validators.minLength(5) , Validators.maxLength(7)]], 
     user_type: ['2', [<any>Validators.required]], 
     terms: [0, [<any>Validators.required]], 
     hash_tag: [''], 

    }); 

} 

यह ठीक काम कर रहा है। लेकिन जब दृश्यपटल में सत्यापन प्रदर्शित करने के लिए आ रहा है

मैं इस

<div class="form-group row"> 
    <div class="col-lg-8"> 
     <label>Address 2</label> 
     <textarea class="form-control" placeholder="Address" rows="2" [readonly]="disabled" id="companyaddress2" formControlName="company_address2"></textarea> 
     <span class="help-block form-error text-danger small" *ngIf="myForm.controls['company_address2'].hasError('required')">Company Address 2 is Required.</span> 
    </div> 
    </div> 

की तरह इस्तेमाल किया यह काम कर रहा है, लेकिन जैसे

नीचे

त्रुटि लेखन त्रुटि कंसोल में त्रुटि फेंक है: गुण अपरिभाषित की 'hasError' पढ़ा नहीं जा सकता

कृपया इसे हल करने में मेरी सहायता करें।

धन्यवाद।

Answer 1

आप इस तरह इसका इस्तेमाल करना चाहिए:

<span class="help-block form-error text-danger small" 
    *ngIf="myForm.controls['company_address2'].errors?.required && 
    myForm.controls['company_address2'].touched">Company Address 2 is Required </span>