Tengo un Select
del Tipo de documento donde están las opciones Cédula | RUC; necesito que el maxlength
varié según el tipo seleccionado. Cuando sea cédula maxlength=10 y para RUC maxlength=13
Intente lo siguiente pero no me funciona:
create.html
<ion-item >
<ion-label>Tipo de documento</ion-label>
<ion-select formControlName="codSecTrans" (ionChange)="setCustomerFinal($event)">
<ion-option value="04">RUC</ion-option>
<ion-option value="05">Cedula</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label inline >RUC{{maxVal}}</ion-label> <!-- coloque el maxVal acá y se modifica en el evento change -->
<ion-input type="text" formControlName="ruc" maxlength="{{maxVal}}"></ion-input>
<!-- pero en el ion-input se mantiene maxlength=13 -->
</ion-item>
create.js
export class ClientCreatePage {
maxVal: any = 13;
setCustomerFinal(event){
switch (event) {
case "04": //RUC
this.maxVal = 13;
break;
case "05": //Cedula
this.maxVal = 10;
break;
}
}
}