Как передать stateParams в угловой контроллер?

Я пытаюсь определить stateParams в контроллере, но он возвращает мне пустой объект {}

Мой app.js:

angular.module('testApp', ['ui.router','ngResource'])
.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('app', {
            url:'/',
            views: {
                'header': {
                    templateUrl : 'views/header.html'
                },
                'messages': {
                    templateUrl : 'views/messages.html',
                    controller  : 'MessageController'
                },
                'chat': {
                    templateUrl : 'views/chat.html',
                    controller  : 'ChatController'
                },
                'footer': {
                    templateUrl : 'views/footer.html'
                }
            }
        })
        .state('app.chat', {
            url: ':id'
        });
        $urlRouterProvider.otherwise('/');
})

Мой controller.js:

angular.module('testApp')

.controller('IndexController', ['$scope', '$stateParams', function($scope,$stateParams) {

    $scope.chosenMessage = $stateParams;

}]);

И мой шаблон:

        <div ui-view="messages" class="col-xs-6"></div>
        <div ui-view="chat" class="col-xs-6"></div>

Мне нужен идентификатор из StateParams для определения выбранного сообщения и содержимого чата для сообщения.