Para compartir variables en controladores con AngularJS:
App.js
MiWeb.factory('Data', function () { return { Nombre: '' }; }); MiWeb.controller('IndexCtrl', function ($scope, Data) { $scope.Data = Data; }); MiWeb.controller('PanelCtrl', function ($scope, Data) { $scope.Data = Data; });
Index.html
<div ng-controller="IndexCtrl"> <input type="text" ng-model="Data.Nombre"> <br>Mi nombre es : <strong>{{Data.Nombre}}</strong> </div> <hr> <div ng-controller="PanelCtrl"> El nombre ingresado en el controlador index es: {{Data.Nombre}} </div>