Angularjs форма не посылает значение

Question

я иметь такую ​​форму:

<form> 
      <select class="browser-default" ng-model="TAV"> 
      <option value="11">11</option> 
      <option value="12">12</option> 
      <option value="13">13</option> 
      <option value="14">14</option> 
      <option value="15">15</option> 
      <option value="16">16</option> 
      </select> 

      <select class="browser-default" ng-model="COP"> 
      <option value="01">1</option> 
      <option value="02">2</option> 
      <option value="03">3</option> 
      <option value="04">4</option> 
      <option value="05">5</option> 
      </select> 
     <button class="btn-large modal-action waves-effect" ng-click="creaCOM('AMA')">AMARANTA</button> 
     <button class="btn-large modal-action waves-effect" ng-click="creaCOM('FED')">FEDERICO</button> 
    </form> 

И это мой контроллер:

$scope.creaCOM = function(came) { 
     var c = came; 
     $http.post('/gest/include/inserisci_comanda.asp?came='+c+'&COP='+$scope.COP+'&TAV='+$scope.TAV) 
      .success(function(){....}) 
      .error(function(){....}) 
}; 

Почему не форма отправки любое значение (для с значение, называемое исключением по ng-click!). Я хочу использовать кнопку для отправки формы!

Answer 1

Указывает ли ваше значение области видимости для TAV и COP в контроллере ?. Normall, метод POST вызывается только в форме submit, и он отправляет все данные в URL.

Answer 2

Вы должны связать свою creaCOM функцию атрибута нг-представить в <form> элемента, как:

<form 
    ng-submit="creaCOM()"> 
... 
</form> 

Кроме того, не пытается передать значения формы с помощью аргументов функции. Используйте определенные переменные ng-model. В вашем случае, я хотел бы сделать:

<form ng-submit="creaCOM()"> 
      <select class="browser-default" ng-model="TAV"> 
      <option value="11">11</option> 
      <option value="12">12</option> 
      <option value="13">13</option> 
      <option value="14">14</option> 
      <option value="15">15</option> 
      <option value="16">16</option> 
      </select> 

      <select class="browser-default" ng-model="COP"> 
      <option value="01">1</option> 
      <option value="02">2</option> 
      <option value="03">3</option> 
      <option value="04">4</option> 
      <option value="05">5</option> 
      </select> 

      <select class="browser-default" ng-model="CAME"> 
       <option value="AMA">Amaranta</option> 
       <option value="FED">Federico</option> 
      </select> 

     <button class="btn-large modal-action waves-effect" type="submit">Submit</button> 
    </form> 

И в контроллере (я сделал некоторые изменения, уважая, что вы вызываете метод POST):

$scope.creaCOM = function() { 
     var postObj = { 
       came: $scope.CAME, 
       COP: $scope.COP, 
       TAV: $scope.TAV 
      }; 
     $http.post('/gest/include/inserisci_comanda.asp', postObj). 
      success(function(data, status, headers, config) { 
      ... 
      }). 
      error(function(data, status, headers, config) { 
      ... 
      }); 
    }; 

Это только проект кодекса и намек моя сторона.

Answer 3

Хорошо, я решил. Итак:

<button class="btn-large modal-action waves-effect" ng-click="creaCOM(reg.COP,'AMA')">AMARANTA</button> 
    <button class="btn-large modal-action waves-effect" ng-click="creaCOM(reg.COP,'FED')">FEDERICO</button> 

, а затем установить этот контроллер:

$scope.creaCOM = function(cop, cam) {....} 

Это прекрасно работает