Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <div ng-controller="MyCtrl">
       <h1>
        MyCtrl
       </h1>
       <button ng-click="clearData()">
        Clear data by using MyCtrl
       </button>
       <button ng-click="loadData()">
        Load data by using MyCtrl
       </button>
       <div ng-repeat="user in users">
         <p>
           Username: {{ user.name }}
         </p>
       </div>
    </div>
    <br /><br />
    <div ng-controller="MyOtherCtrl">
     <h1>
      MyOtherController
     </h1>
       <button ng-click="clearData()">
        Clear data by using MyOtherController
       </button>
       <button ng-click="loadData()">
        Load data by using MyOtherController
       </button>
       <div ng-repeat="user in users">
         <p>
           Username: {{ user.name }}
         </p>
       </div>
    </div>

JavaScript

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


    myApp.controller('MyCtrl', function ($scope, apiService) {
       $scope.users = apiService.getResponseData();
       $scope.$watch(function () { return apiService.getResponseData()}, function (newValue, oldValue) {
         $scope.users = newValue
       });

       $scope.clearData = function () {
            apiService.reset();
       }
       $scope.loadData = function () {
            apiService.loadData();
       }
    });
    
    myApp.controller('MyOtherCtrl', function ($scope, apiService) {

       apiService.loadData();

       $scope.$watch(function () { return apiService.getResponseData()}, function (newValue, oldValue) {
         $scope.users = newValue
       });

       $scope.clearData = function () {
            apiService.reset();
       }
       
       $scope.loadData = function () {
            apiService.loadData();
       }
    })


    myApp.service('apiService', function ($http) {

      var responseData = null;

      return {
        loadData: function () {
          return $http({
             url: 'https://jsonplaceholder.typicode.com/users',
             method: 'GET'
          }).then(function (response) {
             responseData = response.data
          });
        },
        getResponseData: function () {
           return responseData
        },
        reset: function () {
           responseData = null;
        }
      }
    });