Angularjs: barrierefreier Dienst für mehrere Controller einstellen

Question

Ich habe einen Navbar-Controller, wo ich eine Suchleiste habe, die Bücher durchsucht. In meinem navbar-ui-Router-Zustand löse ich die Bücher auf und setze sie in einen Buchservice. Dadurch kann ich dann auf alle Bücher zugreifen. Dies ist nicht nur in der Navigationsleiste, sondern ab diesem Punkt über alle Controller hinweg.

In meinem zusammenfassenden Dashboard möchte ich jedoch alle Bücher auflisten, die ich gezogen habe. Anstatt einen Anruf zu wiederholen, um die Bücher zu ziehen, möchte ich den Dienst Bücher verwenden. Wenn ich die App im Übersichts-Dashboard starte, stoße ich auf Probleme, da das Übersichts-Dashboard nicht darauf warten kann, dass der Books-Dienst von der Navigationsleiste aus ausgefüllt wird.

Meine Frage ist, wie kann ich das Übersichts-Dashboard warten, bis der Navbar-Controller den Books-Dienst auflöst?

Answer 1

Ihre Navigationsleiste kann ein Ereignis senden und Ihr Dashboard kann darauf warten.

navbar Controller

$scope.$broadcast('booksLoaded', books); 

Übersichtsdashboard Controller

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

eine weitere Option ist eine Dienstleistung in Anspruch vorübergehend die Daten zu speichern.

angular.module('app').factory('BooksService', BooksService); 

function BooksService() { 
    return { 
     getBooks: getBooks, 
     setBooks: setBooks 
    }; 

    var _books = []; 

    function getBooks() { 
     return _books; 
    } 

    function setBooks(books) { 
     _books = books; 
    } 
}