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/