ボタンクリックでangularJsサービスを呼び出す方法は？

Question

私はこれを持っていますサービスとコントローラコードです。

angular.module('myModule', []).service("AttendanceService", function ($http) { 
     this.getdata = function() { 

      return $http({ 
       method: "post", 
       url: "Dashboard/GetAttendanceReport", 
       params: [{ EmpID: $("#nameofEmp").val(), YearID: $("#YearIn").val() }], 
       dataType: "json" 
      }); 
     }; 
}).controller('myController', function ($scope, AttendanceService) { 

     GetAlldata(); 
     function GetAlldata() 
      { 
      var getAttendanceData = AttendanceService.getdata(); 
      } 
      }) 

私がしたいことは

$("#btnLoad").click(function (event) { 

    }); 

をクリックし、ボタンの上に上記のサービスすなわち

return $http({ 
       method: "post", 
       url: "Dashboard/GetAttendanceReport", 
       params: [{ EmpID: $("#nameofEmp").val(), YearID: $("#YearIn").val() }], 
       dataType: "json" 
      }); 

を呼び出すために、単純であるが、それは可能ですか？私は

Answer 1

You need to change your factory like this : 

    angular.module('myModule', []).service("AttendanceService", function ($http) {    
      var fac = {}; 
      fac.getdata = function() { 

       return $http({ 
        method: "post", 
        url: "Dashboard/GetAttendanceReport", 
        params: [{ EmpID: $("#nameofEmp").val(), YearID: $("#YearIn").val() }], 
        dataType: "json" 
       }); 
      }; 

return fac; 
}) 



$("#btnLoad").click(function (event) { 
     AttendanceService.getdata(); 
    });