angularjs ważność nie zresetować raz $ setValidity nazywa

Question

mam ten element:

<input type="text" name="azurerepo" 
    ng-model="item.azurerepo" 
    ng-class="{error: myForm.azurerepo.$invalid}" 
    ng-required="item.deploymentType=='azure'" 
    ui-event="{ blur : 'azureCallback()' }" /> 

Wywołanie zwrotne służy:

$scope.myForm.azurerepo.$setValidity('azurerepo',false); 

Gdybym wpisać dane i wyjdzie na wejściu to odróżnia ją nieprawidłowy.

Jeśli wrócę do wejścia, cofnij wszystkie wprowadzone dane, a następnie wpisz coś, co jest nadal nieprawidłowe! Spodziewam się, że jest to ważne teraz, ponieważ dane zostały wpisane w.

Answer 1

nie wiem, dlaczego postanowił wykorzystać kątową-ui zamiast tworzyć proste dyrektywy, niemniej jednak przypuszczam, że to możliwe, aby dodać keyup wydarzenie do dyrektywy ui-event i wywołać funkcję, aby ustawić ważność true tutaj.

ale wolałbym polecam keep it simple z dyrektywą niestandardowe:

yourApp.directive('checker', function() { 
    return { 
    restrict: 'A', 
    scope: { 
     checkValidity: '=checkValidity' // isolate directive's scope and inherit only checking function from parent's one 
    }, 
    require: 'ngModel', // controller to be passed into directive linking function 
    link: function (scope, elem, attr, ctrl) { 
     var yourFieldName = elem.attr('name'); 

     // check validity on field blur 
     elem.bind('blur', function() { 
      scope.checkValidity(elem.val(), function (res) { 
       if (res.valid) { 
        ctrl.$setValidity(yourFieldName, true); 
       } else { 
        ctrl.$setValidity(yourFieldName, false); 
       } 
      }); 
     }); 

     // set "valid" by default on typing 
     elem.bind('keyup', function() { 
      ctrl.$setValidity(yourFieldName, true); 
     }); 
    } 
    }; 
}); 

a elementem:

<input name="yourFieldName" checker="scope.checkValidity" ng-model="model.name" ng-required=... etc> 

i sprawdzania regulatora sama:

function YourFormController ($scope, $http) { 
    ... 
    $scope.checkValidity = function (fieldValue, callback) { 
     $http.post('/yourUrl', { data: fieldValue }).success(function (res) { 
      return callback(res); 
     }); 
    }; 
    ... 
}