ionic动态绑定最大长度

Question

我的要求是将maxlength绑定到ion-input 。 我尝试使用插值概念进行绑定。

我的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种不同的方式绑定到属性

如果是本机属性，则直接与其绑定：

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

使用attr前缀绑定到它-适用于自定义和本机属性：

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

Answer 2

就像您在Angular 2文档中看到的那样，您可以通过使用如下所示的属性绑定来实现所需的功能：

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

请看一下这个工作插件中的代码。