stateParamsを角度コントローラに渡すにはどうすればいいですか？

Question

私はコントローラに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のIDが必要ですメッセージのセージとチャットのコンテンツ。

Answer 1

ソリューション： 私は$ stateParamsの代わりに$ stateを定義し、$ state.params.idをチェックして現在の状態を取得しました。