Angular.js Service

HTML

<div ng-app="app">
  <div ng-controller="mainCtrl">
    <h1>
			Getting Data
			</h1>
    </br>
  </div>
  <div ng-controller='addCtrl'>
    <div>
      <h1>
			adding Data
			</h1>
      </br>
      <div ng-repeat="g in data.list">
        <span>{{g.name}}</span>
        <span>{{g.shop}}</span>
      </div>
    </div>
  </div>
</div>

JavaScript

var app = angular.module('app', []);
app.service('dataService', function($http) {
  var data = {};
  data.list = [];
  var getData = function() {
    /* $http.get("model/data.json").then(function (response) {
      data.list = response.data;
    },function(err){});*/
    data.list = [{
      name: '1',
      shop: '2'
    }]

  }
  return {
    getDataFromServer: getData,
    getData: data,

  }
});
app.controller("mainCtrl", function($scope, dataService) {
  dataService.getDataFromServer();

});

app.controller("addCtrl", function($scope, dataService) {
  $scope.data = dataService.getData;
  $scope.data.list.push({
    name: "foo",
    shop: "bar"
  });
});