1. ホーム
  2. angular

angularの$state.goページへのジャンプとパラメータの受け渡し

2022-02-24 14:26:59
私はページジャンプ、ジャンプ前のページのデータを取得するためにジャンプ後のページに遭遇したとき、私はlocalstorageの種類、放送の種類を使用すると思ったし、上司は、すべての$状態.は、直接パラメータで行くので、この時間は、$状態.はページジャンプのパスを導入するパラメータをそのようなトラブルはない、と述べた。
1。ルートページ(データを渡すためのルートにパラメータを追加するには、ここに注意してください、それ以外の場合は、ページがジャンプしたときにフィルタリングされます。)
 .state("home.workpiece",{ // ジャンプ前のページ
      url:"/workpiece"。
      ビューになります。{
        のホームです。{
          templateUrl: prefix + "project/workpiece.html",
          controller: "workpieceCtrl"。
        }
      }
    })
    .state("home.workpieceDetail",{ //After-jump page)
      url:"/workpieceDetail?workpieceList",
      ビューになります。{
        のホームです。{
          templateUrl: prefix + "project/workpiece_detail.html",
          controller: "workpieceDetailCtrl"。
        }
      }
    })
    パラメータはparamsに入れることもできます
    .state("home.workpieceDetail",{)
      url:"/workpieceDetail",
      ビューになります。{
        のホームです。{
          templateUrl: prefix + "project/workpiece_detail.html",
          controller: "workpieceDetailCtrl"。
        }
      }
      パラメータを指定します。{workpieceList:null}
    })
2. ワークピースCtrlで

angular.module("app").controller("workerpieceCtrl", ["$scope", "$state", function($scope, $ state){) <未定義

"use strict"を使用します。

$state.go("home.workpieceDetail", {workpieceList : workpieceData})を実行します。

}

]);    



3. workpieceDetailCtrlの中

angular.module("app").controller("workerpieceCtrl", ["$scope", "$stateParams", function($ scope, $stateParams){) <未定義

"use strict"を使用します。

$scope.workpieceList = JSON.parse($stateParams.workpieceList);

}

]);    



これでページジャンプ中のデータを受け渡すことができます。
最後のリンクは、ページジャンプのためのパラメータを渡す4つの方法について説明しています: http://www.cnblogs.com/Razor0/p/5200435.html