angular.js - 关于angularjs中调用服务的方法的问题-PHP中文网问答

我想提交页面的表单数据，通过ng-submit来调用controller中注入的service的方法。但是请求的url不正确。没有调用到正确的service

页面如下：





    
    
    Kindle Binding



























    

        

            
            Kindle Pocket
        
        
            

                登陆
            
        

    



    
    


        
            
            
        

        
            
            
        

        
            
            
        

        
            
            
        

        
            
            
        
        
        Any problem ?

controller.js如下：

angular.module('binding',['binding.services'])
.controller('formController',function($scope,bindingDataService){
    var params = $scope.bindingData;
    console.log('params: '+params);
    $scope.submitForm = bindingDataService.bindingData('bindingData',params);
});

service.js如下：

angular.module('binding.services',[])
.factory('bindingDataService', function($http){

     console.log('entered the service')
     var bindingData = function(action, params){
         return $http({
                 method: 'POST',
                 url: 'http://89e812c3.ngrok.io/KindlePocket/'+action+'',
                 // pass in data as strings
                 data: $.param(params),
                 headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
             }).success(function(data,status){
                 console.log("success! status:"+status);
                 alert("binding successfully!")
             }).error(function(data,status){
                 alert("binding error!")
                 console.log("error! status:"+status);
             })
     }

     return {
        bindingData: function(action,params){
         console.log('entered the function')
            return bindingData(action,params);
        }
     }

});

每次点击button总是会请求到跳转到这个页面的url。
请问是什么原因呢？之前是把请求相关的代码直接放在controller中，没有问题。是service注入的不对么？谢谢大家！

angular.module('binding',['binding.services']) .controller('formController',function($scope,bindingDataService){ $scope.bindingData = {}; var params = $scope.bindingData; console.log('params: '+params); $scope.submitForm = function(){ bindingDataService.binding('bindingData',params); } });