$http JSONP

$http_jsonp_controller

ComponentModule.directive('test', [
        'RequestService',
    function(
        RequestService
    ) {
    return {
        scope: true,

        link: function(scope, element, attrs) {


        },
        controller: function($scope, $element, $attrs){

            RequestService.requestData()
                .then(function(){
                    console.log(RequestService.storedData);
                });

            RequestService.autocomplete()
                .then(function(){
                    console.log(RequestService.autocompleteResults);
                });
        }
    };
}]);

$http_jsonp_service

ComponentModule.service('RequestService', [
    '$http',
    '$q',
    function(
        $http,
        $q
    ) {

        var RequestService = this;

        RequestService.storedData = '';
        RequestService.autocompleteResults = '';

        RequestService.requestData = function requestData() {
            var url = '//api.wunderground.com/api/a25846a9e9cf4b55/conditions/q/CA/San_Francisco.json?callback=JSON_CALLBACK';
            return $http.jsonp(url)
                .success(function(data){
                    RequestService.storedData = data.current_observation;
                })
                .error(function(data){
                    RequestService.storedData = data.current_observation;
                });
        };

        RequestService.autocomplete = function autocomplete() {
            var url = '//autocomplete.wunderground.com/aq?query=a&cb=JSON_CALLBACK';
            return $http.jsonp(url)
                .success(function(data){
                    RequestService.autocompleteResults = data.RESULTS;
                })
                .error(function(data){
                    RequestService.autocompleteResults = data.RESULTS;
                });

        };

}]);