Isolated Scope

Since version 1.3.27+

When you have an isolated scope or when you simply do not know which scope holds your complete Form object. This is especially true when you create a dynamic Form or when you create a Form inside a Modal Window.

The problem is more obvious when you want to run the checkFormValidity() or get the $validationSummary.

The way to go around this is to alternatively pass your own isolated scope to the Angular-Validation through the global options.

####Directive Change the Angular-Validation default options inside your controller with the isolated, for example a Modal Window Controller

myApp.controller('ModalCtrl', function ($modalInstance, $scope) {

  // this will replace the scope that Angular-Validation is using
  $scope.$validationOptions = { isolatedScope: $scope };

  // now calling the checkFormValidity() is possible
  $scope.save = function() {
    if(new validationService().checkFormValidity($scope.form1)) {
      // proceed with submit
    }
  }
});

####Service From the Service you can also change it the following way. P.S. This only works when all your elements have been defined by the Angular-Validation Service

myApp.controller('ModalCtrl', function ($modalInstance, $scope) {

  // start by creating the service
  var myValidation = new validationService();

  // define the scope and isolatedScope, the scope property always needs to be there
  myValidation.setGlobalOptions({ scope: $scope, isolatedScope: $scope });

  // for the Service you could also directly use the scope property
  // so this would also work and is equivalent
  myValidation.setGlobalOptions({ scope: $scope });

   // now calling the checkFormValidity() is possible
   $scope.save = function() {
    if(new validationService().checkFormValidity($scope.form1)) {
      // proceed with submit
    }
  }
});

#####Special Note This is kind of a hack, in most cases, passing the isolated scope might actually not be the real scope when your Form is declared, and in that case this hack will work but showing the $scope.form1 in the console will present you with an object that does not hold much, it has the $validationSummary and the $name and a specialNote saying that this was created by the Angular-Validation. Something like: $scope.form1: { $validationSummary: [], specialNote: "Created by Angular-Validation...." } All that to say, the hack make it possible, but please do not use it for anything else and do not post any issues in that regard either.