AngularJS ng-submit功能不起作用

Question

我在html视图中有一个ng模板，并且ng-template里面有一个表单。所以我需要通过表单提交表单数据，而我正在使用ng-submit来做到这一点。但是当我单击Submit按钮时什么也没有发生。其他数据绑定适用于使用ng-model和控制器的表单中的文本字段。以下是我的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/