How to display server errors in Angularjs with ng-messages

Question

I have have my angular app validating a sign-up form. On submit, the server also validates the data. I\'m outputting error messages in angular using ng-messages.

Here i

Answer 1

First of all you should set validity and error messages

      $scope.formErrors = {};
      angular.forEach(errors, function(data, name) {
        if (!vm.register_form[name]) {
          return;
        }
        $scope.formErrors[name] = data.message;
        //this will set errors->server to invalid state
        $scope.register_form[name].$setValidity('server', false);
      });

The next step will be rendering by ng-messages

      

        
Email is required
        
Invalid email
        
{{formErrors.email}}