Angular JS Forms submit не отправляет ID

Question

Я пытаюсь отправить курс id на контроллер в форме кнопки, но он не работает. Контроллер регистрирует vm.add.year правильно, но vm.add.course получает undefined. Зачем?

index.html:

<form method="post" ng-submit="vm.addCourseToYear()"> 
     <table class="table"> 

      <tr ng-repeat="course in vm.courses | filter:search"> 
       <td>{{course.courseName}}</td> 

       <td><select id="addCourse" name="addCourse" class="form-control" ng-model="vm.add.year" required> 
        <option value="year1"> Year1 </option> 
       </select></td> 

       <td><input style="display:none" ng-value="course._id" ng-model="vm.add.course"> 
        <button type="submit" class="btn btn-primary" id="{{course._id}}">Add</button> 
       </td> 
      </tr> 
     </table> 
    </form> 

index.controller.js

function addCourseToYear(){ 
    console.log(vm.add.course); 
    console.log(vm.add.year); 
}; 

Answer 1

Я бы сделать следующее, чтобы исправить это:

Добавить нг нажмите директиву кнопки:

<button type="submit" 
     class="btn btn-primary" 
     ng-click="vm.addCourseToYear(vm.add)" 
     id="{{course._id}}">Add</button> 

Удалить действие формы, оставив только форму:

<form> 

Изменение функции взять параметр:

function addCourseToYear(newItem){ 
    console.log(newItem.course); 
    console.log(newItem.year); 
}; 

Изменить это для инициализации vm.add.course в course._id:

<td> 
    <input style="display:none" ng-init="vm.add.course = course._id" ng-model="vm.add.course"> 
    <button type="submit" class="btn btn-primary" id="{{course._id}}">Add</button> 
</td> 

Это следует закономерности, найденные на месте ANGULAR в: https://docs.angularjs.org/guide/forms

Answer 2

попробуйте изменить код следующим образом:

<form method="post" ng-submit="vm.addCourseToYear(vm.add.course._id)">

надеюсь, что это решает проблему ..)

Answer 3

display:none удаляет объект из из, изменить его на visibility: hidden;position:absolute

<input style="visibility:hidden;position:absolute;" ng-value="course._id" ng-model="vm.add.course">