Wie wird AngularJS api in einer eigenständigen Funktion verwendet?

Question

Ich bin neu in AngularJS, und ich versuche, es zu verwenden, um eine http Get-Anfrage an einen Remote-Server zu senden, ohne den vorhandenen Ansichtscode zu beeinträchtigen. Ich habe einen Weg gefunden, um eine Funktion sofort nach HTML bereit zu stellen, using stand alone init(). Allerdings, wenn ich es Code wie,

var init= function($http, $location) { 
    //using $location to fetch query string 

    if ($location.search().hasOwnProperty('a') && $location.search().hasOwnProperty('b')){ 
    var a= $location.search().a; 
    var b= $location.search().b; 

    var sendurl = 'http://someurl'+a+b ; 

    var req = { 
     method:'GET', 
     url: sendurl, 
     headers:{ 
     'Content-Type': 'text/html' 
     }, 
     data: {token: ''} 
    }; 

    $http(req) 
     .success(function(){ 
     alert('success!'); 
     }) 
     .error(function(){ 
     alert("ERROR"); 
     }); 

    } 
}; 
init() ; 

in der Konsole ist der Fehler TypeError: $location is undefined. Ich weiß, es muss sein, dass ich nicht weiß, wie man AngularJS-Code in einer Standalone-Funktion verwendet, also würde ich gerne fragen, wie man eine solche Funktion schreibt.

Answer 1

versuchen, diese Funktion im Service wie folgt zu schreiben.

var myApp = angular.module('myApp', []); 

myApp.factory('SomeService', function ($http, $location) { 
    return { 
    init: init 
    }; 

    function init() { 
    if ($location.search().hasOwnProperty('a') && $location.search().hasOwnProperty('b')){ 
     var a= $location.search().a; 
     var b= $location.search().b; 

     var sendurl = 'http://someurl'+a+b ; 

     var req = { 
     method:'GET', 
     url: sendurl, 
     headers:{ 
      'Content-Type': 'text/html' 
     }, 
     data: {token: ''} 
     }; 

     $http(req) 
     .success(function(){ 
      alert('success!'); 
     }) 
     .error(function(){ 
      alert("ERROR"); 
     }); 
    } 
    } 
}); 

und nach Aufruf init-Funktion an die Steuerung

myApp.controller('MyController', function (SomeService){ 
    SomeService.init(); 
    });