在angularJS中的两个视图之间共享数据

app.factory('dataService', function() {
  var sharedData = {};

  return {
    getData: function() {
      return sharedData;
    },
    setData: function(data) {
      sharedData = data;
    }
  };
});

app.config(function($routeProvider) {
  $routeProvider
    .when('/view1/:data', {
      templateUrl: 'view1.html',
      controller: 'View1Controller'
    })
    .when('/view2/:data', {
      templateUrl: 'view2.html',
      controller: 'View2Controller'
    });
});

app.controller('Controller1', function($rootScope) {
  $rootScope.$broadcast('dataUpdated', { data: 'Hello' });
});

app.controller('Controller2', function($scope) {
  $scope.$on('dataUpdated', function(event, args) {
    $scope.data = args.data;
  });
});

app.controller('ParentController', function($scope) {
  $scope.sharedData = 'Hello';
});

app.controller('ChildController', function($scope) {
  $scope.data = $scope.sharedData;
});