Question

如何为ionic2文本字段设置最大长度。我可以设置“ tel ”字段，但不能设置文字字段。

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

但是下面一个不起作用，

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

Answer 1

您好，您可以像这样使用Angular Forms：

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

在ts文件中：

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

使用此Validators.maxLength(20)，您可以设置maxlength并进行自定义验证。

希望这可以帮助你：）

PD：您可以阅读更多信息here

将最大长度属性添加到离子文本字段

1 个答案: