首页 > 解决方案 > Angular 状态 URL 中的查询参数是否被传递到嵌套状态?

问题描述

我正在使用angular^1.8.0并且我有几个子状态,我希望它们都可以访问一个通用的 URL 参数。我在 没有任何路线/

这是我的意思的一个例子:

$stateProvider
      .state('app', {
        url: '?hl',  // also tried /?hl
        resolve: {
          handleHl: function($stateParams) {
            console.log($stateParams); // outputs { hl: undefined ... } for all routes
          }
        }
      })
      .state('app.dashboard', {
        url: '/dashboard'
      });

有什么办法可以使这项工作?还是我必须编辑url所有子状态的参数?

标签: angularjsangular-ui-router

解决方案


您定义了一个查询参数,并且希望在状态参数中看到它。

根据 ui-router文档

状态参数应该以:

:hl

可以在“?”之后指定查询参数

?hl

推荐阅读