paramsを以前の状態から新しい状態に角度で渡すには？

Question

ダッシュボードに10個の同様のボックスがあり、それぞれが特定のデバイスに異なる値を表示しています。ユーザーがそれぞれをクリックすると、それらのデバイスに関する詳細情報を示す新しいページにそれらを誘導する必要があります。

すべてのデバイスの2番目のページのレイアウトは同じです。 $範囲を更新するだけです。

URLをクエリに追加しないようにするには、これを達成するためのきれいな方法がありますか？

$ stateProviderを使用していて、onEnter（）で動作させようとしましたが、まだできませんでした。

Answer 1

$stateParamsこのトリックを行う必要があります。それを使用するには、ルーティングの際にパラメータを指定する必要があります。

そして、あなたは、たとえば、 $state.go('stateName', { param: param })使用

(function(){ 
    'use strict'; 

    angular 
    .module('app') 
    .config(ApplicationConfig); 

    //set dependencies for ApplicationConfig 
    ApplicationConfig.$inject = ['$stateProvider']; 

    function ApplicationConfig($stateProvider){ 
     //Define route states 
     $stateProvider 
     .state('main', { 
     abstract: true, 
     url: '/main', 
     templateUrl: 'pages/main/main.html', 
     controller: 'MainCtrl', 
     controllerAs: 'main', 
     cache: true, 
     params: { 
      user: null 
     } 
     }); 
    } 

（以下、前の例）：たとえば最後に

//Inside your original controller 
function goToMainPage(param) { 
    $state.go('main', { user: param }); 
} 

、あなたはで、$stateParams.paramを実行して、移動先のコントローラ内のパラメータにアクセスしますか、前の例のケース、$stateParams.user。