在Angular中将数据从一个控制器传递到另一个控制器

Question

我正在尝试将一些数据从一个控制器从一个控制器传递到另一个具有Angular中不同控制器的页面，但我似乎无法让它工作。有人可以帮我这个吗？

这是带有DataCtrl的选择框：

<div class="searchbox" ng-controller="DataCtrl">
  <div class="plumber-by-city col-sm-12 home-text-col">
   <select ng-model="selectedItem" ng-change="change()" ng-options="item as item.city for item in items"></select><span class="fa fa-caret-down"></span>
  </div>
</div>

在更改时，我从selectbox获取值并将其放入$ rootScope：

$scope.change = function() {
  $scope.type = $routeParams.type;
    console.log($scope.type);
  $rootScope = $scope.selectedItem.city;
    console.log($rootScope);
};

在第二个控制器中，我试图从$ rootScope获取数据并在那里使用它但是没有工作

app.controller('DataCtrl2', function($rootScope,$scope,$http) {
  $scope.selectedItem.city = $rootScope.selectedItem.city;
  console.log($rootScope.selectedItem.city);
});