イオン性バインドmaxlength dynamic ionic2

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

行方不明です何かがある...すべてのヘルプは非常にかなりのです。それはネイティブの属性だ場合は、それに

バインド直接3種類の方法で属性に

Answer 1

バインドすることができます。それに

<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のコードを見てみてください。