लेखन त्रुटि: संपत्ति के 'वैध' नहीं पढ़ सकते हैं अपरिभाषित

Question

मैं निम्नलिखित पाठ क्षेत्र:

<textarea class="form-control" [(ngModel)]="content" name="content" required> 
     </textarea> 

और निम्न सबमिट बटन:

<button type="submit" class="btn btn-default" [disabled]="content.valid">New comment</button> 

मैं कोणीय 2 प्रपत्र गाइड में देखा (https://angular.io/docs/ts/latest/guide/forms.html) यह जांचने के लिए कि क्या यह खाली नहीं है, मैं x.valid का उपयोग कर सकता हूं।

मुझे TypeError: Cannot read property 'valid' of undefined त्रुटि क्यों मिलती है?

Answer 1

आपके मामले में सामग्री आपके मॉडल पर एक संपत्ति है।

क्रम क्या आप चाहते हैं आप प्रपत्र नियंत्रण # myControl = "ngModel" के लिए एक template reference value उपयोग करने की आवश्यकता है और फिर आप वैध संपत्ति की पहुंच है ऐसा करने के लिए: myControl.valid।

तो अपने उदाहरण में:

<textarea class="form-control" [(ngModel)]="content" 
      name="content" required #myControl="ngModel"> 
</textarea> 

और बटन टैग में इसका इस्तेमाल करते हैं:

<button type="submit" class="btn btn-default" 
[disabled]="myControl.valid">New comment</button> 

Answer 2

<div class="form-group"> 
    <label for="inputEmail" class="col-lg-2 control-label">Email</label> 
    <div class="col-lg-10"> 
     <input type="text" class="form-control" id="name" placeholder="Name" minlength="4" maxlength="24" [(ngModel)]="name" name="email" #myName="ngModel" required> 
      <div *ngIf="myName.errors && (myName.dirty || myName.touched)" class="alert alert-danger"> 
       <div [hidden]="!myName.errors.required"> 
        Name is required 
       </div> 
       <div [hidden]="!myName.errors.minlength"> 
        Name must be at least 4 characters long. 
       </div> 
       <div [hidden]="!myName.errors.maxlength"> 
        Name cannot be more than 24 characters long. 
       </div> 
      </div> 
    </div> 
</div>