角度 UI 路由器 - 使用路由传递动态数据

Angular UI router - Pass dynamic data with a route?

本文关键字:动态 数据 路由 UI 路由器 角度      更新时间:2023-09-26

我的应用程序中定义了几个路由/状态。考虑列表视图和单个视图的标准用例。对于我的单一视图,我将 id 作为 URL 参数传递。我想传递更多数据,但不作为 URL 参数。这能做到吗?我使用$state.go来过渡到状态。

编辑:

$stateProvider
    .state('list', {
        url: '/list',
        ...
    })
    .state('single', {
        url: '/single/:id',
        ...
    });

我从 URL 获取相应控制器$stateParams中的id。但是我想向此路由发送更多动态数据,而不是通过 URL 发送。我该怎么做?

您可以像这样传递其他参数。

  state('state_name', {
        url: 'state_url',
        template: '<template></template>',
        params : params
    })

可以使用 $state .current 获取值

$state.current.param