Angularjs 在不同页面上存在的服务之间传递数据

我有一个简单的书店示例，我正在为 angularjs 工作，我正在尝试将书籍 ID 从主页传递到编辑页面上的服务，以便可以呈现书籍详细信息。 我发生的事情是，当不同的页面调用休息服务时，我可以看到从我的 home' page with the correct book id being passed into the book service. However, I cannot seem to think of a way to have the BookCtrl 加载该数据时命中了 rest 调用。 我期待的顺序是：

1)  User enters a book ID to edit  
2)  User presses Search button  
3)  book.html page is loaded  
4)  BookEdit service is invoked with ID from Steps 1 and 2  
5)  ng-model for book loads data.

提前道歉，可能会出现一些错误，因为我从另一台计算机修改此代码，所以我无法复制/粘贴
代码如下：

首页.html

<div ng-controller="HomeCtrl">    
     <div>  
          <label for="query">Book to edit</label>  
          <input id="query" ng-model ="editBook.query">  
          <button ng-click="loadBookById()">Search</button>
     </div>  
</div>  

首页.js：

var homeApp = angular.module('bookHome',['bookEdit']);  
homeApp.controller('HomeCtrl',function($scope,$http,bookEditService)  
{    
    $http.get('http://get/your/books/rest').success(function(data){  
       $scope.library = data;  
    });
    $scope.editBook = {    
      query: '',  
      service:'bookEditService'
    } ;   
    $scope.loadBookById = function()  
    {  
         $scope.$emit('loadBookById',{  
             query:$scope.editBook.query,  
             $service: $scope.editBook .service
    }   
    $scope.$on('loadBookById', function(ev,search){  
         bookEditService.loadBook({  
              bookId: $scope.editBook.query  
           },  
             $scope.searchComplete,  
             $scope.errorSearching  
           );  
        });
    $scope.searchComplete = function(results) {  
             $scope.results = results;  
      };  
    $scope.errorSearch= function(data,status,headers,config){  
          console.log(data);  
          // ...  
    };
}  

书.html

<div ng-controller="BookCtrl" >    
        <div ng-model="details.title"></div>   
        <div ng-model="details.author"></div>
</div>  

书编辑.js

  var bookEditApp = angular.module('bookEdit',[]);  
    bookEditApp.service('loadBook',function($http){   
        return{  
               loadBookById: function(params,success,error){  
                $http({   
                  url: 'http://path/to/book/editing',  
                  method: 'GET',  
                  params:{bookId: params.bookId}).success(function(data,status,headers,config)  
                  {  
                     var results = data;  
                     success(results || []);  
                 }).error(function(){   
                       error(arguments);  
                });  
            }  
          };  
       });
bookEditApp.controller('BookCtrl',function($scope){    
             $scope.details = {    
              title: "",  
              author: ""
             };  
 });