maximale Länge Attribut zu ionischen Textfeld hinzufügen

Question

Wie setze ich maximale Länge für ionic2 Textfeld. Ich bin in der Lage, für 'Tel' Feld, aber nicht für Text Feld festlegen.

<ion-input maxlength="12" type="tel"> 

aber das folgende nicht funktioniert,

<ion-input maxlength="12" type="text"> 

Answer 1

Hallo Sie die kantigen Formen wie diese verwenden:

<form [formGroup]="addItemForm"> 
    <ion-list> 
    <ion-item> 
     <ion-label>Name</ion-label> 
     <ion-input formControlName="name" type="text" [(ngModel)]="itemName"></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label>Items</ion-label> 
     <ion-input formControlName="quantity" type="number" [(ngModel)]="itemQuantity"></ion-input> 
    </ion-item> 
    </ion-list> 
</form> 

Und in der TS-Datei:

this.addItemForm = new FormGroup({ 
    quantity: new FormControl('', [ 
     Validators.required 
    ]), 
    name: new FormControl('', [ 
     Validators.required, 
     Validators.maxLength(20), 
     Validators.pattern('[a-zA-Z ]*') 
    ]) 
}); 

Mit diesem Validators.maxLength(20) yo Sie können die maximale Länge festlegen und benutzerdefinierte Validierungen vornehmen.

Hope this kann Ihnen helfen :)

PD: Sie können weitere Informationen here

lesen