Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <div ng-repeat="item in list">
    {{item}}
  </div>

  <button ng-click="getAgain()">
    Get Again
  </button>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

/*angular.module('myApp').service("MyService", function($http, $q) {
      return {
        OrignalDataFromService: null;
        getData: function() {
          var deferred = $q.defer();
          var data = ["Data-1", "Data-2", "Data-3"]
          deferred.resolve(data);
          OrignalDataFromService = data;
          return deferred.promise;
        }
      }
    }*/

function MyCtrl($scope, myService) {
  myService.getData()
    .then(function(data) {
      $scope.list = data;
    })

  $scope.getAgain = function() {
    $scope.list = myService.OrignalDataFromService;
  }
}

myApp.service('myService', function($q) {
  return {
    OrignalDataFromService: null,
    getData: function() {
      var deferred = $q.defer();
      var data = ["Data-1", "Data-2", "Data-3"]
      deferred.resolve(data);
      this.OrignalDataFromService = data;
      return deferred.promise;
    }
  }
});