如何在angularjs控制器中捕获表单数据

如何在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

如何在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 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;
}]);