Контентные заголовки страниц в UI-Router

Question

При использовании UI-маршрутизатора, как вы обрабатываете заголовки страниц определенного контента?

я могу обрабатывать нормальные заголовки страниц просто отлично, например:

.state('login', { 
    url: '/login', 
    views: { 
     "navbar": { 
      template: normalNavbarTemplate 
     }, 
     "content": { 
      template: '<login authenticated="(bCtrl.userSession && bCtrl.userSession.isAuthenticated)"></login>' 
     } 
    }, 
    title: 'My Website (0.2) - Login' 
}) 

А потом:

$rootScope.$on('$stateChangeSuccess', function (evt, toState) { 
    $window.document.title = toState.title; 
}); 

Но что происходит, когда вы хотите, чтобы ваш заголовок должен содержать содержимое конкретного содержания, которое вы получение с использованием разрешение?

Я думаю, вы можете ввести $ window в свои компоненты и установить заголовок таким образом, но он чувствует себя грязным. Есть ли лучшие рецепты для этого, которые я, возможно, пропустил?

Благодаря

Answer 1

Вы можете изменить название свойства внутри решимостью:

resolve: { 
    content: function($http) { 
     return $http.get('some_url').then(function(result) { 

      this.self.title = result.data.title; // set the title property to whatever you like 

      return result; 
     }.bind(this)); 
    } 
}