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 docs中看到的一样，你可以通过使用这样的属性绑定来实现你正在寻找的东西：

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

请查看此working plunker中的代码。

离子Bind maxlength动态ionic2

2 个答案: