ui-router $ stateParams与$ state.params

Question

使用ui- router，可以将其中一个$state或$stateParams一个注入到控制器中以访问URL中的参数。但是，$stateParams仅通过访问参数会公开属于访问它的控制器管理的状态的参数及其父状态，而$state.params具有所有参数，包括处于任何子状态的参数。

给定以下代码，如果我们直接加载URL http://path/1/paramA/paramB，则这是控制器加载时的样子：

$stateProvider.state('a', {
     url: 'path/:id/:anotherParam/',
     controller: 'ACtrl',
  });

$stateProvider.state('a.b', {
     url: '/:yetAnotherParam',
     controller: 'ABCtrl',
  });

module.controller('ACtrl', function($stateParams, $state) {
   $state.params; // has id, anotherParam, and yetAnotherParam
   $stateParams;  // has id and anotherParam
}

module.controller('ABCtrl', function($stateParams, $state) {
   $state.params; // has id, anotherParam, and yetAnotherParam
   $stateParams;  // has id, anotherParam, and yetAnotherParam
}

问题是，为什么会有区别？是否有关于何时何地应使用或避免使用它们的最佳实践指南？

Answer 1

该文档在这里重申了您的发现：https : //github.com/angular-ui/ui-router/wiki/URL-
Routing#stateparams-service

如果我的记忆力$stateParams得到了保证，它的推出要晚于原来的$state.params，并且似乎是避免连续写入的简单辅助注入器$state.params。

我怀疑是否有最佳实践准则，但是上下文对我而言是成功的。如果您只想访问URL中收到的参数，请使用$stateParams。如果您想了解有关状态本身的更复杂信息，请使用$state。