Функция Angularjs ng-submit не работает

Question

У меня есть ng-шаблон в моем представлении html и есть форма внутри ng-template. Поэтому мне нужно отправить данные формы через форму, и я использую 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> 

Answer 1

Некоторые исправления кода должны быть сделаны:

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

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