如何在多個控制器之間共享$ scope對象

Question

我在2個控制器之間共享$ scope對象時遇到問題。

在控制器“ IssueBookCtrl”中，我正在像這樣更新books對象元素的值。

$ scope.books [i] .issued = true;

然后，我使用$ emit服務與控制器'BookListCtrl_Librarian'共享$ scope對象。

$ scope。$ emit（'update_parent_controller'，$ scope.books）;

但是，當我運行使用控制器'BookListCtrl_Librarian'的視圖時，我看不到更新的對象。

controller.js

Controllers.controller('BookListCtrl_Librarian', ['$scope','$http','$location','$rootScope','BookData',
function ($scope, $http ,$location, $rootScope , BookData) {
    $http.get('data/books.json').success(function(data) {
    if($rootScope.books==='undefined'){
        $rootScope.books = BookData.getData();
    }
        $scope.books = data;
    });
    $scope.options = ['bookId', 'cost'];

    $scope.$on("update_parent_controller", function(event, books){
        $scope.books = books;
    });
    $scope.issue = function(bookId) {
        for (var i = 0, len = $scope.books.length; i < len; i++) {
            if ($scope.books[i].bookId == bookId) {
                $rootScope.book = $scope.books[i];
                break;
            }
        }
        $location.path('/issue/'+bookId);
    }
        $scope.return = function (bookId) {
            for (var i = 0, len = $scope.books.length; i < len; i++) {
                if ($scope.books[i].bookId == bookId) {
                    $rootScope.book = $scope.books[i];
                    break;
                }
            }
            $location.path('/return/'+bookId);
        }
    $scope.backToLogin = function() {
        $location.path("/main");
    }
    }]);
Controllers.controller('IssueBookCtrl', ['$scope','$rootScope','$http','$routeParams','$location',
function ($scope,$rootScope, $http, $routeParams, $location) {
    var Id=$routeParams.bookId;
    $http.get('data/books.json').success(function(data) {
        $scope.books = data;
    });
    $scope.issue = function(Id) {
        alert("issued");
       for (var i = 0, len = $scope.books.length; i < len; i++) {             
            if ($scope.books[i].bookId === Id) {
                $scope.books[i].issued = true;              
                $scope.$emit('update_parent_controller', $scope.books);
                $location.path('/home/librarian');
                break;
            }
        }
    }
}]);

請指導我，非常感謝您的幫助。

謝謝

Answer 1

您可以在更改模型后嘗試強制摘要：

$scope.$apply();

但是我建議您構建一個Books服務來保存那些共享的模型和邏輯。 您可以在此處了解有關創建自己的定制服務的信息 。

或者，您可以嵌套控制器（一個放入另一個），以便內部控制器可以使用$parent變量引用外部控制器的模型。

通過使用這兩種方法，對象更新不會有任何問題，因為在范圍變量更改時AngularJs會進行臟檢查。

Answer 2

您好，您必須使用rootscope而不是作用域發射

$rootScope.$emit('update_parent_controller', $scope.books);

和其他控制器

 $rootScope.$on('update_parent_controller', function(event, books){
    $scope.books = books;
});