Angularjs ng模式只能应用于输入类型文本?
这是一个非常简单的例子:Angularjs ng模式只能应用于输入类型文本?,angularjs,Angularjs,这是一个非常简单的例子: <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8" /> <script data-semver="1.2.11" src="http://code.angularjs.org/1.2.11/angular.js" data-require="angular.js@1.2.x"></script>
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<script data-semver="1.2.11" src="http://code.angularjs.org/1.2.11/angular.js" data-require="angular.js@1.2.x"></script>
</head>
<body>
<form name="myForm">
<div>
<input type="number" name="number" ng-model="num" ng-pattern="/^\d+$/"/>
<br>error: {{ myForm.number.$error }}
</div>
<div>
<input type="text" name="text" ng-model="text" ng-pattern="/^\d+$/"/>
<br>error: {{ myForm.text.$error }}
</div>
</form>
<script type="text/javascript" charset="utf-8">
angular.module('myApp', []);
</script>
</body>
</html>
错误:{{myForm.number.$error}
错误:{{myForm.text.$error}
角度模块('myApp',[]);
这是你的电话号码
由于两者都使用相同的
ng模式
,只有输入类型为text的模式才能工作。我是不是遗漏了什么 AngularJS目前不支持HTML5的number
类型。如果在输入控件中放入required
指令,将触发验证,您可以从myForm.number.$valid
获取状态。希望有帮助。所以我被文档误导了。。。