簡體   English   中英

角$ touched不起作用

[英]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

$ touched是Angular 1.3引入的

在1.2.16中不起作用

此處查看從1.2-> 1.3的更改

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM