javascript - ionic 动态绑定(bind) maxlength ionic2

Question

我的要求是将maxlength绑定(bind)到ion-input。我尝试过使用插值概念来绑定(bind)。

我的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});

是否缺少某些内容...任何帮助都是非常可观的。

Answer 1

您可以通过 3 种不同的方式绑定(bind)到属性

如果它是 native 属性，则直接绑定(bind)到它:

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

使用 attr 前缀绑定(bind)到它 - 适用于自定义和 native 属性:

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

或者只是将其值设置为变量的内插字符串值:

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