Angular - Form wont submit

Question

Мне кажется, что я пропустил здесь что-то простое, но это меня озадачило.

Почему ничего не происходит, когда я нажимаю кнопку отправки?

<section ng-controller="SavingsController as savingsCTRL"> 
    <form name="createSavingForm" class="form-horizontal" novalidate> 
    <fieldset> 
     <!-- Title Box Start--> 
     <div class="form-group new-deal-form" show-errors> 
     <label for="title">Title</label> 
     <input name="title" type="text" ng-model="savingsCTRL.title" id="title" class="form-control" placeholder="Title" required> 
     <div class="sub-label">Enter the Title of the Deal.</div> 
     <div ng-messages="savingForm.savingsCTRL.title.$error" role="alert"> 
      <p class="help-block error-text" ng-message="required">Saving title is required.</p> 
     </div> 
     </div> 

     <!-- Title Box End--> 

     <!--Submit Button Start--> 

     <div class="form-group buttons-cancel-submit"> 
     <button class="btn btn-default " ng-click="savingsCTRL.cancel()">Cancel</button> 
     <input type="submit" class="btn btn-success " ng-click="savingsCTRL.create(); submitForm(createSavingForm.$valid)" > 
     </div> 
    </fieldset> 
    </form> 
</div> 
</div> 
</section> 

Для простоты я взял большую часть форм, но что еще не так?

Экономия Контроллер Функция

// Create new Saving 
     $scope.create = function() { 
      $scope.error = null; 

      alert("create"); 

      // Create new Saving object 
      var saving = new Savings({ 


       title: this.title, 
       details: this.details, 
       retailer: this.retailer, 
       price: this.price, 
       link: this.link, 
       image: $scope.user.imageURL, 
       urlimage: this.urlimage, 
       tags: this.tags 
       //startdate: this.startdate, 
       //enddate: this.enddate 


      }); 

      // Redirect after save 
      saving.$save(function (response) { 
       $location.path('savings/' + response._id); 

       // Clear form fields 
       $scope.title = ''; 
       $scope.details = ''; 
       $scope.retailer = ''; 
       $scope.price = ''; 
       $scope.link = ''; 
       $scope.image = ''; 
       $scope.urlimage = ''; 
       $scope.tags = ''; 


      }, function (errorResponse) { 
       $scope.error = errorResponse.data.message; 
      }); 
     }; 

Answer 1

Главная проблема, вы смешиваете controller as синтаксис с $scope.

Согласно documentation, мы должны использовать this вместо $scope.

... связывает методы и свойства непосредственно на контроллер с помощью this: ng-controller = "SettingsController1 as settings"

Чем, submitForm не предопределенный метод, он должен быть определен в контроллере первого

this.submitForm = function(isValid){ 
    console.log('Submitting form: ' + isValid) 
} 

В дополнение к этому свяжите это, чтобы сформировать с ng-submit= "savingsCTRL.submitForm(createSavingForm.$valid)"

См. Plunker, с рабочим кодом. (Я взял ng-click = «savingCTRL.create()», так как у нас нет всех частей вашей заявки)

Answer 2

Bind форма представить событие ng-submit.

Пример: ng-submit="submitForm(createSavingForm.$valid)"