[英]Angular $touched isn't working
使用Angular驗證表單時:'ng-show =“ userFieldForm.email。$ invalid && userFieldForm.email。$ touched”'並使用Angular //code.angularjs.org/1.4.0/angular.js可以正常工作。
但在使用//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js時。
我確實進行了搜索,但沒有找到真正的解決方案...我確定缺少信息。
這是代碼的一部分:
<head>
<meta charset="UTF-8">
<title>index</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<%--<script src="//code.angularjs.org/1.4.0/angular.js"></script>--%>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<%--<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-animate.min.js"></script>
<script src="https://code.angularjs.org/1.2.16/angular-touch.min.js"></script>--%>
<script src="js/users.js"></script>
</head>
<body ng-app="passUser" ng-controller="usersCntrl">
<form name="userForm" novalidate>
<div class="form-group" ng-repeat="user in formData.users" ng-class="{ 'has-error': userForm.email.$invalid && userForm.email.$dirty}">
<label> {{ user.name }}'s Email </label>
<input type="text" class="form-control" name="email" ng-model="user.email" required>
<p class="help-block" ng-show="userForm.email.$invalid && userForm.email.$dirty">Valid Email Address Required</p>
</div>
</form>
</body>
user.js:
var passUser = angular.module('passUser', [/*'ngAnimate','ui.router,'ngTouch'*/]);
passUser.controller('usersCntrl',['$scope', function($scope){
var users = [
{
name: 'Chris',
email: ''
},
{
name: 'Holly',
email: ''
}
];
$scope.formData = {};
$scope.formData.users = users;
}]);
有任何想法嗎?
謝謝k.min
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.