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>
          <pre>
  	      test {{test|json}}
  	    </pre>
  	  </ul>
</div>

JavaScript

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

fessmodule.controller('fessCntrl', function ($scope, Data) {
    
    $scope.alertSwap = function () {    
        Data.query()
                        .then(function (result) {
                           $scope.data = result;
                            $scope.test = $scope.data[0].PreAlertInventory;
                        }, function (result) {
                            alert("Error: No data returned");
                        });
    
    }
     
});

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

fessmodule.factory('Data', ['$resource','$q',  function($resource, $q) {
    var data = [
    {
        "PreAlertInventory": "5.000000",
        "SharesInInventory": "3.000000",
        "TotalSharesSold": "2.000000",
        "TotalMoneySharesSold": "18.000000",
        "TotalSharesBought": "0.000000",
        "TotalShareCost": "0.000000",
        "EstimatedLosses": "0.000000"
    }
    ]; 
           
       var factory = {

            query: function (selectedSubject) {                             
                return $q.when(data) || data;
            }

        }
        return factory;
}]);