ui-router中的全局參數

Question

我在AngularJS中使用ui-router像這樣：

.state
('browse.category', {
      url: "/:category",
      templateUrl: "views/browseCategory.html",
      controller: function($stateParams, $scope) {
        $scope.params = $stateParams;
      }
    })

如何使$stateParams變量成為全局變量，以便可以在任何視圖/控制器中訪問它？

現在，我只能訪問嵌套視圖中的參數。

Answer 1

有一個可用的示例 ，使用的是這種符號：

.run(['$rootScope', '$state', '$stateParams',
  function ($rootScope, $state, $stateParams) {
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
}])

這使得它可以在任何地方使用：

<div >
  <h3>current state name: <var>{{$state.current.name}}</var></h3>


  <h5>params</h5>
  <pre>{{$stateParams | json}}</pre>
  <h5>state</h5>
  <pre>{{$state.current | json}}</pre>

</div>

在這里檢查它的作用

Answer 2

$ rootScope-角度的全局變量。