AngularJS FORM POST

Okay based on the question OP want's to validate the form and then go for submitting the form values.There are two approaches here

1) Do the form validation on client side using <ng-form> / <form> and required in the input fields. 2) We can skip the traditional way of form submit and just call our submit function on submit click and validate the form from server and if it's success then go for saving the form value or else display errors.

Make below changes for approach (2) as it will be closest for you question.

In HTML

<form>
  <table>
  <tr>
  <td><input type="hidden" name="Amount" value="25.00" /></td>
  </tr>
  <tr>
  <td><input type="hidden" name="Currency" value="NZD" /></td>
  </tr>
  </table>
  <div class="container-fluid align:left"> 
  <button type="submit" class="btn btn-success" ng-disabled="properties.disabled" ng-click="ctrl.action()">{{properties.label}}</button>
  </div>
  </form>

In JS

this.action = function action() {

  var req = {
  method: method,
  url: <some_url>,
  data: angular.copy(data_to_sent),
  params: params
  };

  return $http(req)
  .success(function(data, status) {
  $scope.properties.dataFromSuccess = data;//here data can contain whether the form is valid or invalid...so create a boolean at server if it's valid or not..
    if($scope.properties.dataFromSuccess.isSuccess){
     $http.post(URL,formData).success(function(data){
        $scope.dataSaved = data;
    });
    }else{
       $scope.properties.dataFromError = data; //set the errors in the scope to display
    }

  })
  .error(function(data, status) { //this error means request has been failed to process not the validation error we are checking at server..
  //$scope.properties.dataFromError = data;

  })
  .finally(function() {

  });
}