Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.0.js"></script>
<div ng-controller="MyCtrl">
    <pre> {{newGrid|json}} </pre>
</div>

JavaScript

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



//factory style, more involved but more sophisticated
myApp.factory('helloWorldFromFactory', function() {
    return {
        sayHello: function() {
            return "Hello, World!"
        }
    };
});
    
        

function MyCtrl($scope,  gridService, $timeout) {
    
    $scope.newGrid = gridService.gridSetup();
    $scope.copyGrid = angular.copy($scope.newGrid);
    
    
    $timeout(function() {
       $scope.copyGrid.pageType = "Fess"; 
        gridService.setGridSetup($scope.copyGrid);   
         $scope.newGrid = gridService.gridSetup();
    }, 3000);
    
}

myApp.factory('gridService',
    ['$timeout',
    function ( $timeout) {
       
        var grid = {
                    fetching: false,
                    pristine: true,
                    pageType: 'Edit'
                }
        
        
       return {
            gridSetup: function () {
                 console.log('gridSetup', grid );
               return grid;
            },
           setGridSetup: function (newGrid) {
               grid = newGrid;
               
               console.log('setGridSetup', grid );
               
            }
        }       
        
        }]);