角度2中的用户名maxlength验证不能与三星设备一起使用。与数字数据一起工作良好，但不能与字母数字工作

Question

ts代码：

导入了所有必需的组件。

constructor(public platform: Platform, public formBuilder: FormBuilder,public navCtrl: NavController public http: Http) { 
this.loginForm = new FormGroup({ 
    userName: new FormControl('', Validators.compose([Validators.required, Validators.minLength(5), Validators.maxLength(16)])), 
    password: new FormControl('', Validators.compose([Validators.required, Validators.minLength(6), Validators.maxLength(16)])) 
    enableTouchId: new FormControl(false, []) 
}); 
} 

在HTML：

<form [formGroup]="loginForm" name="loginForm" (ngSubmit)="login(loginForm)"> 
    <ion-row> 
    <ion-col> 
     <ion-list no-lines> 
     <ion-item class="member-item"> 
      <ion-input type="text" placeholder="Username" [readonly]="isReadOnly()" formControlName="userName" name="userName" [(ngModel)]="userName" minlength="5" maxlength="16" required></ion-input> 
      <ion-icon ios="ios-person" md="md-person" item-left></ion-icon> 
     </ion-item> 
     </ion-list> 
    </ion-col> 
</ion-row> 
</form> 

我已经验证/测试解决方案出来，但没有运气的计算器。

Answer 1

如果使用FormBuilder与验证你不需要重复他们对你的HTML，和所有你需要识别输入是formControlName="userName"，让你的HTML应该是这样的：

<form [formGroup]="loginForm" name="loginForm" (ngSubmit)="login()"> 
    <ion-row> 
    <ion-col> 
     <ion-list no-lines> 
     <ion-item class="member-item"> 
      <ion-input type="text" placeholder="Username" [readonly]="isReadOnly()" formControlName="userName"></ion-input> 
      <ion-icon ios="ios-person" md="md-person" item-left></ion-icon> 
     </ion-item> 
     </ion-list> 
    </ion-col> 
</ion-row> 
</form> 

然后在login()你使用this.loginForm来处理表格。