Question

我的html视图中有一个ng-template，ng-template里面有一个表单。所以我需要通过表单提交表单数据，我使用ng-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/

Angularjs ng-submit功能不起作用

1 个答案: