小编Kri*_*_32的帖子

我是Angular 2的新手.

我们在HTML中有2个表单,带有单独的div标签,每当第一次div执行时,第二个div是假状态.每当成功回调第二个div将是真实状态.每当它出现第二个div真状态时,它将显示此错误消息.

下面是我的.ts文件代码:

constructor(public navCtrl: NavController,
            public navParams: NavParams,
            public formBuilder:FormBuilder,
            public logger: Logger,
            public rest: Rest
            ) {
  this.customer_id=this.navParams.get('customer_id');
  this.mobile=this.navParams.get('mobile');

  this.myForm = formBuilder.group({
    'otpNumber': ['', Validators.required]
    //'password': ['', Validators.required]
   });

  this.myForm1 = formBuilder.group({
    'newpassword': ['', Validators.required],
    'conformPassword': ['', Validators.required]
  });

  this.getotp();
}

submit(){
  let validateOTPObj = {
    loginId: this.mobile,
    otp:this.myForm.value.otpNumber
  }

  this.logger.debug("checking the otpNumber"+JSON.stringify(validateOTPObj));

  this.rest.post('/validateOTP' ,validateOTPObj)
    .subscribe((result)=>{
      this.logger.debug("checking data of success " + JSON.stringify(result));

       if(result.status=='1'){
         //this.navCtrl.push(,{});
         //this.access_token = …

点击此链接https://market.ionic.io/plugins/ionic-2-ion-numeric-keyboard

这里我有一个输入类型的一次性密码(OTP),如果用户使用相同的手机号码注册,那么插件将自动读取代码,如果用户使用不同的号码输入,那么他想要手动输入otp .i不知道如何拆分输入类型行.

以下是代码:

<ion-input  type="number" 
                    id="otpNumber" 
                    class="form-control"
                    pattern="[0-9]{6}"
                    formControlName="otpNumber">
        </ion-input>

下面是我得到的屏幕截图:

下面是屏幕截图我应该得到什么:

如上图所示,如何获取4输入字段.