如何在angularjs控制器中捕获表单数据
如何在Angularjs控制器中捕获表单数据。我尝试了$scope.txn_filter_表单,但它在控制器中未定义 实际上,我希望捕获的表单数据的格式与单击submit按钮时获取构建的表单数据的格式相同,并且表单标记具有method=post和action=“some class” HTML代码:如何在angularjs控制器中捕获表单数据,angularjs,Angularjs,如何在Angularjs控制器中捕获表单数据。我尝试了$scope.txn_filter_表单,但它在控制器中未定义 实际上,我希望捕获的表单数据的格式与单击submit按钮时获取构建的表单数据的格式相同,并且表单标记具有method=post和action=“some class” HTML代码: <form method="post" ng-submit="post_Txn_Filter()" ng-model="txn_filter_form"> <input
<form method="post" ng-submit="post_Txn_Filter()" ng-model="txn_filter_form">
<input class="form-control" size="15" type="text" maxlength="13" name="txt_beg_trans_id" data-ng-model="form_Trx_Filter.fromTransId">
<input type="text" class="form-control" size="15" maxlength="13" name="txt_end_trans_id" data-ng-model="form_Trx_Filter.toTransId">
<INPUT size="2" class="form-control" type="text" maxlength="2" name="txt_b_month" value="" data-ng-model="form_Trx_Filter.begMonth">
<INPUT size="2" class="form-control" type="text" maxlength="2" name="txt_b_date" value="" data-ng-model="form_Trx_Filter.begDate">
<INPUT size="4" class="form-control" type="text" maxlength="4" name="txt_b_year" value="" data-ng-model="form_Trx_Filter.begYear">
<INPUT size="2" class="form-control" type="text" maxlength="2" name="txt_e_month" value="" data-ng-model="form_Trx_Filter.endMonth">
<INPUT size="2" class="form-control" type="text" maxlength="2" name="txt_e_date" value="" data-ng-model="form_Trx_Filter.endDate">
<INPUT size="4" class="form-control" type="text" maxlength="4" name="txt_e_year" value="" data-ng-model="form_Trx_Filter.endYear">
您可以在控制器中共享代码吗?您应该在控制器中添加$scope。除此之外,你想在什么时候得到这些数据?您可以为您的模型设置$watch侦听器。。。或者在提交按钮上附加一个函数,然后使用$scope.form\u Trx\u Filter.fromTransId获取数据,例如添加的控制器代码$scope.form\u Trx\u过滤器在控制器中可用,但它是对象格式。我不能直接使用它。服务器上的代码可以处理标准头格式,如。txt\u beg\u trans\u id=123456&txt\u end\u trans\u id=9999999&txt\u b\u month=&txt\u b\u date=&txt\u e\u year=&txt\u e\u month=&txt\u e\u date=&txt\u e\u year=&您的表单模型是txn\u filter\u表单。。。您的字段模型应该是txn\u filter\u form.fromTransId
var app = angular.module('mainapp',['ngRoute','ngResource']);
app.controller('transcations',['$scope','dataFactory','enhancefil',
function($scope,dataFactory,enhancefil) {
/* make post request */
$scope.post_Txn_Filter = function () {
tab = 'trans/fil';
func = 'set';
data = $scope.txn_filter_form;
dataFactory.post_Trans(tab,func,data)
.then(function(httpResult) {
$scope.trans = httpResult.data;
});
};
}]);
app.factory('dataFactory', ['$http','$templateCache',function($http,$templateCache) {
var urlBase = 'resource/';
var dataFactory = {};
var httpResult = {data:"",status:""};
var handleSuccess =
function(data, status) {
httpResult.data = data;
httpResult.status = status;
};
var handleError =
function(data, status) {
httpResult.data = data;
httpResult.status = status;
};
/* post request */
dataFactory.post_Trans = function(tab,func,data){
return $http.post(urlBase + tab + '/' + func,data)
.success (handleSuccess)
.error(handleError);
};
return dataFactory;
}]);