$ stateParamsは$ scope内のparamsを渡していません。

Question

私は既存のアプリケーションにルーティングを適合させようとしています。それは完全な方法でルータに合うようにあまりにも多くの変更を必要とするので、私は$broadcastとonEnterのui-routerを使ってそれを管理しようとしています。

URLを$state.goとパラメータを使用して変更しています。私は正しい$stateParamsをonEnterメソッドの中に入れることができますが、そこからイベントをブロードキャストすると、コントローラーの中に登録されているイベントが実行されていますが、更新されていません。$stateParamsオブジェクトです。

$stateProvider.state("state1", { 
    url: "/state1/{docId}", 
    template: "<p>State 1</p>", 

    }).state("state2", { 
    url: "/state2/{docId}", 
    template: "<p >State 2</p>", 
    onEnter : function($rootScope,$stateParams) { 
     console.log("Before braodcast ", JSON.stringify($stateParams)); 
     $rootScope.$broadcast("getDataForState2"); 
    } 
    }); 

JSFiddle私の問題を示しています。状態2をクリックし、コンソールを見てください。あなたの中

Answer 1

使用タイムアウト。$上の（）あなたがイベント

$rootScope.$broadcast('getDataForState2', $stateParams); 

に関連するデータを渡し、自分のリスナーにそれを処理する必要があり

$scope.$on("getDataForState2",function() { 
    $timeout(function(){ 
     console.log(JSON.stringify($stateParams)); 
    }); 
}) 

Answer 2

$scope.$on('getDataForState2', function(e, $stateParams) { 
    console.log($stateParams); 
}); 

http://jsfiddle.net/a6gqfz96/6/