Как проверить минимальную длину ion-textarea

Question

Как проверить минимальную длину текстовой области в Ionic 3?Maxlength прекрасно работает, но странно, что minLength не работает.

  <ion-textarea id="emailBody" minlength="2"  rows="3" required maxLength="500"  type="text" [(ngModel)]="emailBody"></ion-textarea>

Answer 1

захватить входное событие на элементе управления и посмотреть длину

<ion-textarea id="emailBody" minlength="2"  rows="3" required maxLength="500"  type="text" [(ngModel)]="emailBody" (input)="checkLength($event.target.value)"></ion-textarea>

app.component.ts

checkLength(value:any){
   if(value.length<=2){
      //min length found. 
   }
};

Answer 2

Я использовал некоторые из Кришна Раторе и некоторые из того, что я нашел.

Спасибо за толчок в правильном направлении.

  <div class="padding-left-right-10"  *ngIf="!passedEmailTextCheck">
    email text is required.
  </div>

ts file

if (!passedEmailText) {
   this.passedEmailTextCheck = false;
} else {

// проверка значения javascript

if( value ) {
}
will evaluate to true if value is not:

null
undefined
NaN
empty string ''
0
false
typescript includes javascript rules.

Answer 3

вы можете попробовать это решение

ts код файла

formObj:any={
        emailBody:""
}

html код файла

<ion-textarea  minlength="2"  rows="3" required maxLength="500"  type="text" [(ngModel)]="formObj.emailBody" #emailBody="ngModel"></ion-textarea>


<div *ngIf="emailBody.invalid && (emailBody.dirty || emailBody.touched)"
     class="alert alert-danger">

  <div *ngIf="emailBody.errors.required">
    emailBody is required.
  </div>
  <div *ngIf="emailBody.errors.minlength">
    emailBody must be at least 2 characters long.
  </div>

</div>