Laravel/Angularjs模式保存/删除代码在提交时不执行任何操作
我正在开发一个laravel/angularjs应用程序,它使用引导模式来保存/编辑和删除记录 我很难理解我做错了什么,它不会保存/编辑记录,当单击提交按钮时也不会执行任何操作 下面是我的模式代码(我把它缩短了),请告诉我你认为哪里不对Laravel/Angularjs模式保存/删除代码在提交时不执行任何操作,angularjs,twitter-bootstrap,laravel,Angularjs,Twitter Bootstrap,Laravel,我正在开发一个laravel/angularjs应用程序,它使用引导模式来保存/编辑和删除记录 我很难理解我做错了什么,它不会保存/编辑记录,当单击提交按钮时也不会执行任何操作 下面是我的模式代码(我把它缩短了),请告诉我你认为哪里不对 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div c
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">@{{form_title}}</h4>
</div>
<div class="modal-body">
<form name="AccountsForm" class="form-horizontal" novalidate="">
<div class="form-group">
<label for="account_name"
class="col-sm-3 control-label">Account Name</label>
<div class="col-sm-9">
<input type="text"
class="form-control "
id="account_name"
name="@{{account_name}}"
placeholder="Account Name"
value="account_name"
ng-model="account_name"
required="true">
<span class="help-inline"
ng-show="AccountsForm.account_name.$invalid && AccountsForm.account_name.$touched">Account number field is required
</span>
</div>
</div>
</div>
</div>
</div>
因此,代码应该如下所示:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">@{{form_title}}</h4>
</div>
<div class="modal-body">
<form name="AccountsForm" class="form-horizontal" novalidate="">
<div class="form-group">
<label for="account_name"
class="col-sm-3 control-label">Account Name</label>
<div class="col-sm-9">
<input type="text"
class="form-control "
id="account_name"
name="account_name"
placeholder="Account Name"
value="@{{account_name}}"
ng-model="account.account_name"
required="true">
<span class="help-inline"
ng-show="AccountsForm.account_name.$invalid && AccountsForm.account_name.$touched">Account number field is required
</span>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">@{{form_title}}</h4>
</div>
<div class="modal-body">
<form name="AccountsForm" class="form-horizontal" novalidate="">
<div class="form-group">
<label for="account_name"
class="col-sm-3 control-label">Account Name</label>
<div class="col-sm-9">
<input type="text"
class="form-control "
id="account_name"
name="account_name"
placeholder="Account Name"
value="@{{account_name}}"
ng-model="account.account_name"
required="true">
<span class="help-inline"
ng-show="AccountsForm.account_name.$invalid && AccountsForm.account_name.$touched">Account number field is required
</span>
</div>
</div>
</div>
</div>
//save new record / update existing record
$scope.save = function(modalstate, id) {
var url = API_URL + "accounts";
//append account id to the URL if the form is in edit mode
$scope.id = id;
if (modalstate === 'edit'){
url = "accounts/" + id;}
$http({
method: 'POST',
url: url,
data: $.param($scope.account),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(response) {
console.log(response);
location.reload();
});
}