$ http.getを正しく作成する

Question

$ http.getサービスを正しく作成したいが、AngularJSのサービスに問題がある。私はこのコードを作成し、それは動作しますが、すべてのコードはのcontrolerである：

var monApp = angular.module('monApp', []); 
monApp .controller('PhoneListCtrl', ['$scope', '$http', 
    function($scope, $http) { 
     $http.get('http://port:serveur/fichier.xml').then(function(response) { 
      var x2jObj = X2J.parseXml(response.data); //X2J.parseXml(xmlDocument, '/'); 
      var tableauJSON = X2J.getJson(x2jObj); 
     }, function(a, b, c) { 
      alert("Impossible de télécharger le fichier"); 
     }); 
    } 
]); 

あなたは私がサービスでそれを作成するのに役立つことはできますか？おかげさまで

Answer 1

これは完璧なソリューションである、のcontroler：

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

app.controller("MainCtrl", ["$scope", "userService", 
    function($scope, userService) { 
     userService.getData(); 
    } 
]); 

Webサービス：

app.service("userService",["$http", 
     function($http) { 
      _this = this; 
      this.getData = function() { 
       $http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"}; 
       $http.defaults.headers.common['Authorization'] = 'Basic ' + window.btoa('username' + ':' + 'password'); 
       $http.get('http://YourServer:YourPort/rest/api/2/auditing/record'). 
       success(function(data) { 
        console.log(data); 
       }); 
      } 
     } 
    ]); 

Answer 2

名前fichierServiceを持つサービスと

monApp.factory("fichierService", function($http) { 
    return { 
    getData: function() { 
     return $http.get('http://port:serveur/fichier.xml');  
    } 
    } 
}); 

のような機能getDataを作成し、注入

monApp .controller('PhoneListCtrl', ['$scope', '$http','fichierService', 
function($scope, $http, fichierService) { 
    fichierService.getData().then(function(response) { 
     // rest of code 
    }, function(a, b, c) { 
     alert("Impossible de télécharger le fichier"); 
    }); 
} 
]); 

Answer 3

monApp.service('myFooService', function() { 
    this.get = function (url) { 
     return $http.get(url).then(function(response) { 
        var x2jObj = X2J.parseXml(response.data); 
        var tableauJSON = X2J.getJson(x2jObj); 
       }); 
    } 
}); 

してPhoneListCtrlコントローラでそのfichierServiceサービスを使用して、あなたがあなたのサービスを使用することができますこのように

monApp.controller('fooCtrl', function($scope, myFooService) { 
    myFooService.get('http://foo.com/foo.xml'); 
}); 

これは、独自のサービスの実装を開始する方法についてのアイデアを与えるはずです。