角获取手机验证码实现移动端登录注册功能

之前一直在用jQuery来做项目,使用比较熟练,目前公司要求使用角来做项目,遇到一个登录模块如下所示,功能有两个方面,一个是点击按钮获取验证码,一个是点击登录验证表单。从用户体验角度来考虑有两个要注意的地方,默认两个按钮应该都是不可点击的,输入正确的手机号时验证码的按钮可点击,当再输入验证码时登录按钮可点击。
　　

　　& lt;表单名称=" loginForm " ng-controller=發oginCtrl ng-submit”=皊ubmitForm (loginForm。有效的美元)”novalidate> 　　& lt; div类=癷nputItem”比; 　　& lt;输入类型="数量" name=" phoneNum "占位符=笆只拧眓g-model=皍serPhone”ng-pattern="/^ 1 [3 | 4 | 5 | 7 | 8] \ d{9} $/币?比; 　　& lt;/div> 　　& lt; div类=癷nputItem”比; 　　& lt;输入类型="数量" name=" phoneCode "占位符=岸绦叛橹ぢ搿眓g-model=皍serPhoneCode ng-focus”=癳rrorHint=真正”要求/比; 　　& lt; div类=癰utton01 null”ng-if=發oginForm.phoneNum无效”美元。在{{paracont}} & lt;/div> 　　& lt; div ng-class=皃araclass ng-click”=發oginCode ()“ng-if=發oginForm.phoneNum。美元有效”的在{{paracont}} & lt;/div> 　　& lt; div class=" errorHint fontred ng-if”=癳rrorHint”在验证码不正确& lt;/div> 　　& lt;/div> 　　& lt;按钮类型=疤峤弧崩?癰utton02 ng-disabled”=發oginForm无效”美元。在登录& lt;/button> 　　& lt;/form> 　　 　　

之前写的一版没有对获取验证码按钮进行验证,后来修改了一下,验证码的按钮要在手机号输入正确时显示可点击,但是角没有onInput这个方法,为了方便,写了两个按钮来实现这个效果。

样式如下: