AngularJS Live Example

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://code.angularjs.org/1.0.6/angular-resource.js"></script>
<div ng-controller = "fessCntrl"> 
<ul>
  	    <li ng-click="alertSwap()">
  	      click 
  	    </li>
  	  </ul>
  	  <ul>
  	    <pre>
  	      data {{data|json}}
  	    </pre>
         
  	  </ul>
</div>

JavaScript

var fessmodule = angular.module('myModule', ['ngResource']);

fessmodule.controller('fessCntrl', function ($scope, stockData) {
    
    $scope.alertSwap = function () {
   
        stockData.query('somedata')
                        .then(function (result) {
                           $scope.data = result.data;
                           
                        }, function (result) {
                            alert("Error: No data returned");
                        });
    
    }
     
});

fessmodule.$inject = ['$scope', 'Data'];

fessmodule.factory('stockData', ['$http', '$q', function ($http, $q) {
    
        var factory = {
            query: function (value) {
    
                // here you can play with 'value'
    
                var data = $http.get('http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22YHOO%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json');
                var deferred = $q.defer();
                deferred.resolve(data);
                return deferred.promise;
            }
    
        }
        return factory;
    }]);