ionic动态绑定最大长度

Question

My requirement is to bind maxlength to ion-input . I have tried using interpolation concept to bind.

My html

 <ion-list >
    <ion-item *ngFor=" let a of arr_label">
      <ion-label floating>{{a.lblname}}</ion-label>
      <ion-input maxlength={{a.maxlent}}   [(ngModel)]="a.Val" type="text"></ion-input>
</ion-item>

.ts

arr_label:any[]=[];
this.arr_label.push({maxlent:10});

Is there something am missing... any help is quite appreciable.

Answer 1

You can bind to attributes in 3 different ways

Bind directly to it, if it's a native attribute:

<ion-input [maxlength]="a.maxlent" [(ngModel)]="a.Val" type="text"></ion-input>

Bind to it with attr prefix - works on custom and native attributes:

<ion-input [attr.maxlength]="a.maxlent" [(ngModel)]="a.Val" type="text"></ion-input>

Or just set its value to the interpolated string value of the variable:

<ion-input maxlength="{{a.maxlent}}" [(ngModel)]="a.Val" type="text"></ion-input>

Answer 2

Like you can see in Angular 2 docs you can achieve what you're looking for by using the attribute binding like this:

<ion-input type="text" [(ngModel)]="myInput" [attr.maxlength]="maxLength"></ion-input>

Please take a look at the code in this working plunker .