基于父路由参数的Angular ui-router optionnal参数

时间:2015-08-13 02:11:58

标签: angularjs parameters routes angular-ui-router

我正在尝试根据父路由参数

在路由上设置optionnal参数

我的父路线

        .state('scoreboard', {
            url: '/scoreboard/:type/:period',
            params: {
                type: 'channels',
                period: 'daily'
            }
        })

何时:句点为'每日'

喜欢/记分牌/频道/每日/ 01/01/2000

        .state('scoreboard.daily', {
            url: '/:day/:month/:year',
            params: {
                day: "1",
                month: "1",
                year: "2000"
            }
        })

时间:周期为'每周'

喜欢/记分牌/频道/每周/ 01/2000

        .state('scoreboard.weekly', {
            url: '/:week/:year',
            params: {
                week: "1",
                year: "2000"
            }
        })

当时:期间是'每月'

喜欢/记分牌/频道/每月/ 01/2000

        .state('scoreboard.monthly', {
            url: '/:month/:year',
            params: {
                month: "1",
                year: "2000"
            }
        })

但是作为记分板。每周和记分板。他们的参数数量相同,但是它们会发生冲突。

我想知道是否有办法根据父路由参数定义状态。

谢谢,对不起我的英语。

1 个答案:

答案 0 :(得分:0)

您的记分牌状态应为/scoreboard/:type,然后3个子状态可以是:

/daily/:day/:month/:year

/weekly/:week/:year

/monthly/:month/:year