angularjs – `ui-router` $stateParams vs. $state.params

使用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',and yetAnotherParam
   $stateParams;  // has id,and yetAnotherParam
}

问题是，为什么会有区别？有没有最佳实践指南围绕什么时候和为什么你应该使用，或避免使用它们中的任何一个？