[英]Angularjs ng-submit function is not working
I have a ng-template in my html view and there is a form inside the ng-template.So i need to submit form data through the form and i'm using ng-submit to do that.But when i click on submit button nothing happens.Other data binding works with text fields in the form using ng-model with my controller.Following is my html code. 我在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>
Some code correction need to be made : 需要进行一些代码更正:
ng- model
. ng- model
删除空格。 ng-model
into the updateUser
function. ng-model
传递给updateUser
函数。 just pass the whole ngDialogData
object. ngDialogData
对象。 </select>
tag in the form. </select>
标记。 remove that. Working fiddle : https://jsfiddle.net/d8ye0sbz/ 工作小提琴: https : //jsfiddle.net/d8ye0sbz/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.