Angularjs ng-функция отправки не работает

У меня есть ng-шаблон в моем html-представлении, и есть форма внутри ng-шаблона.Поэтому мне нужно отправить данные формы через форму, и я использую ng-submit для этого.Но когда я нажимаю на кнопку Отправить, ничего не происходит.Другие привязки данных работают с текстовыми полями в виде ng-модели с моим контроллером.Ниже приведен мой html-код.

   <script type="text/ng-template" id="updatetemplate">
   <div class="box box-primary">
   <div class="box-header with-border">
   <h3 class="box-title">Update</h3>
   </div>
   <!-- /.box-header -->
   <!-- form start -->
   <form name="update_form" ng-submit="updateUser(ngDialogData.id,  ngDialogData.currentname, ngDialogData.currentroleid)">
   <div class="box-body">
   <div class="form-group">
   <input type="hidden" name="userid" ng-model="ngDialogData.id"   class="form-control">
   <label>Name</label>
   <input type="text" class="form-control" name="name" ng-  model="ngDialogData.currentname" placeholder="Enter name">
   <p></p>
   <label>User role</label>
   <input type="text" class="form-control" name="roleid" ng-model="ngDialogData.currentroleid" placeholder="Enter name">
   </select>

   </div>

   </div>
   <!-- /.box-body -->

   <div class="box-footer">
     <button type="submit" class="btn btn-primary" name="updatebutton">Update</button>
   </div>
   </form>
   </div>
   <!-- /.box -->
   </script>

1 ответ

  1. Необходимо внести некоторые исправления кода :

    • удалите пустое место ng- model.
    • вместо передачи каждого ng-modelв updateUserфункцию. просто передайте весь ngDialogDataобъект.
    • В форме есть один недопустимый </select>тег. удалите это.

    Работая скрипка : https://jsfiddle.net/d8ye0sbz/