这篇博文主要是写给新手的，是给那些刚刚开始接触棱角分明，并且想了解数据绑定是如何工作的人。

这里主要是用到了$手表监察数据的变化，并用正则判断数据是否符合要求。

关键超文本标记语言代码：

div class=' row-row-form ' div class=' col-col-form ' div class=' list ' div class=' row-code ' div class=' col-60 col-mobile ' label class=' item item-input mobile-BTN ' input type=' text ' placeholder='手机号name=' mobile _ num ' id=' mobile _ num ' ng-model=' mobile enum '/label/div class=' col-40 col-code '输入类型=' button ' class=' button-block code-BTN ' id=' get _ num _ BTN ' ng-click=' getCode()' ng-value=' info ' ng-disabled=' isDisabled '/div label class=' item-input '输入类型='text '占位符='验证码name=' check _ num ' id=' check _ num ' ng-model=' codeNum '/label button class=' button-block button-my-style ' id=' submit _ BTN ' ng-click=' submit()' ng-disabled=' issublisted '提交/按钮/div /div /div关键半铸钢钢性铸铁(铸造半钢)代码：col-form { padd : 5% 2%；保证金-底部： 10%;} .表格。列表标签{ margin-bottom :0.2 rem；边界半径：0.5雷姆；} .表格。列表输入{ font:normal 1rem fzltxhjw}。item-my-style { padd : 0.5 rem；} .行代码{左填充： 0；填充-右侧： 0;} .按钮。代码-BTN { margin :0；边界半径：0.5雷姆；背景-颜色： # ffba 07color: # 51110a}。col-mobile { padding-left : 0；} .col-code { padding-right : 0；} 这里主要是AngularJS的代码部分：

var myApp=angular.module('myApp '，[' ion '])；myapp。控制器('第一个控制器'，['$scope '，函数($scope){ //监察手机号$ scope . isdisabled=true $ scope . mobilenum=$ scope。mobile val=function(){ return $ scope。mobilenum};$scope .$watch($scope.mobileVal，function(newValue，old value){ var regex=/^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9])d{8}$/；if(正则表达式。test(NewVaLue)){ $ scope。Isdisabled=false} else { $ scope . isdisabled=true } })；//监察验证码$ scope . issublisted=true $ scope . codenum=$ scope。codeval=function(){ return $ scope。codenum};$scope .$watch($scope.codeVal，function(newValue，旧值){ if(new value。长度==4){ $ scope。issublisted=false} else { $ scope . issublisted=true } })；}]);显示效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。