Angular Service share controller Stackoverflow

by Renan Ferreira

HTML

<div data-ng-app="app">

  <div data-ng-controller="MainController as mainVm">
    {{mainVm.name}}
  </div>
  
  <div data-ng-controller="DetailController as detailVm">
    {{detailVm.name}}
    {{detailVm.other}}
  </div>
  
</div>

JavaScript

angular.module('app', []);

angular.module('app')
	.controller('MainController', mainController);
  
mainController.$inject = ['UserService'];

function mainController(UserService){

	var vm = this;
  vm.name = UserService.getName();

}

angular.module('app')
	.controller('DetailController', detailController);
  
detailController.$inject = ['UserService'];

function detailController(UserService){

	var vm = this;
  vm.name = UserService.getName();
  vm.other = 'test';

}

angular.module('app')
	.factory('UserService', userService);
 
function userService(){
	var name = 'Renan'; 
  return{
  	getName: getName
  }
  
  function getName(){
  	return name;
  }
}