Ustaw tytuł strony za pomocą Angular i UI-Router na podstawie danych w kontrolerze

Question

Aktualnie używam dyrektywy znalezionej w tym pytaniu, aby zmienić tytuły stron.

Set Page title using UI-Router

Następnie, w moim pliku app.js, ja dołączyć PageTitle danych, tak jak poniżej:

.state('home', { 
    url: '/home' 
    templateUrl: 'home.html' 
    controller: 'homeController' 
    data: { 
    pageTitle: 'Home' 
    } 
}) 

jednak powiedzieć, na przykład, jeśli HomeController miał $scope.todaysDate zmienną, która została pobrana z usługi. Czy istnieje sposób, aby uzyskać dostęp do tej zmiennej w moim routerze, więc mogę zmienić dane i PageTitle do czegoś podobnego:

data: { 
    pageTitle: 'Home ' + $scope.todaysDate 
} 

jestem w stanie przejść do sterownika i używając $rootScope.pageTitle = 'some value' widzę zmienia zmienną 'some value' kiedy patrzę w narzędzie konsoli Batarang, ale rzeczywisty tytuł strony się nie zmienia.

Answer 1

Może w tym przypadku zadziała resolve. Jeśli chcesz mieć pewność, że niektóre dane są zawsze dostępne dla kontrolera stanu, możesz użyć rozstrzygnięcia. Na przykład powiedzmy, że mam usługę o nazwie "kalendarz" i udostępnia ona funkcję o nazwie "getTodaysDate". Mogę wykonać następujące czynności:

.state('home', { 
    url: '/home', 
    templateUrl: 'home.html', 
    controller: 'homeController', 
    resolve:{ 
      pageTitle: function(calendar){ 
      return 'Home ' + calendar.getTodaysDate(); 
     } 
    } 
}) 

Now „pageTitle” zostanie rozwiązany i wstrzykuje się „HomeController” przed zmianą stanu. Mam nadzieję że to pomoże.