Javascript 在爱奥尼亚移动中，当html中键入10位数字时，如何突出显示键盘按钮

我已经创建了一个登录页面，在该页面中，如果用户给出10位数的手机号码，它将自动突出显示键盘上的按钮。有人能告诉我如何突出显示登录页面中的按钮吗？我已经使用了ion keyboard t创建了我的键盘

Html:

卡纳库皮莱
登录
输入您的电话号码：
{{vm.mobile_no.substring（0，1）}
{{vm.mobile_no.substring（1,2）}
{{vm.mobile_no.substring（2,3）}
{{vm.mobile_no.substring（3,4）}
{{vm.mobile_no.substring（4,5）}
{{vm.mobile_no.substring（5,6）}
{{vm.mobile_no.substring（6,7）}
{{vm.mobile_no.substring（7,8）}
{{vm.mobile_no.substring（8,9）}
{{vm.mobile_no.substring（9,10）}
{{{“notmember_message”| translate}

脚本：

// Submit login
  rightButton: {
    html: '<i class="icon ion-log-in"></i>',
    action: function () {
      $log.log('vm.mobile_no: ', vm.mobile_no);
      var data = [{field: vm.mobile_no, type: 'tel', name: 'Mobile number'}];
      CommonService.validate(data).then(function () {
        $state.go('login', {loginDetails: vm.mobile_no});
      }, function (err) {
        CommonService.toast(err);
      });
    },
    style: {
      color: '#fff',
      bgColor: 'transparent',
      activeBgColor: 'rgba(0, 0, 0, 0.50)',
      borderColor: 'transparent'
    }
  }
};

//提交登录
右按钮：{
html:“”，
行动：功能（）{
$log.log（'vm.mobile_no:'，vm.mobile_no.）；
var data=[{field:vm.mobile_no，键入：'tel'，名称：'mobile number'}]；
CommonService.validate（数据）。然后（函数（）{
$state.go（'login'，{loginDetails:vm.mobile\u no}）；
}，函数（err）{
CommonService.toast（错误）；
});
},
风格：{
颜色：“#fff”，
bgColor:'透明'，
activeBgColor:“rgba（0,0,0,0.50）”，
边框颜色：“透明”
}
}
};

---

一旦用户在输入中给出10个digi mobile no，我想突出显示此右键。

尝试在您的手机数字上添加ng click指令，并在与ng click绑定的函数中添加计数

然后在样式属性中，可以使用如下条件：

 style: {
      color: count >= 10 ? '#FFFF00' : '#fff',
      bgColor: 'transparent',
      activeBgColor: 'rgba(0, 0, 0, 0.50)',
      borderColor: 'transparent'
    }

---

尝试将ng click指令放在您的手机数字上，并在与ng click绑定的函数中添加计数

然后在样式属性中，可以使用如下条件：

 style: {
      color: count >= 10 ? '#FFFF00' : '#fff',
      bgColor: 'transparent',
      activeBgColor: 'rgba(0, 0, 0, 0.50)',
      borderColor: 'transparent'
    }