Títulos de páginas de sites dinâmicos com Angular e UI-Router

Perdoe o CoffeeScript, mas deve ser capaz de traduzir com bastante facilidade.
Eu estava procurando por títulos de página diferentes para cada rota de interface do usuário e não encontrei bons exemplos, então aqui está:

<title ng-bind="$state.current.data.title + ' | Site Name'">Site Name</title>

angular.module('app', [])

.run(($rootScope, $state) ->

$rootScope.$on('$stateChangeStart', ->

$rootScope.$state = $state

)

)


angular.module('app')

.config ($stateProvider) ->

$stateProvider

.state('main',

url: '/',

templateUrl: 'app/main/main.html'

controller: 'MainCtrl'

data:

title: 'Home'

)