angularjs - ui-router 上的可选参数问题

Question

这是我的路线：

.state('befyne.front.pages', {
    url: '/:rubrique/:sousRubrique/:pageSlug',
    templateUrl: 'components/frontoffice/pages/views/page.html',
    controller: 'FrontPageCtrl',
})

这是一个带有两个参数的链接：

<a ui-sref="befyne.front.pages({rubrique : menuRb.slug, sousRubrique : menuRb2.slug, pageSlug : p2.slug})">{{p2.title}}</a>

这是一个只有一个参数的链接：

<a ui-sref="befyne.front.pages({rubrique : menuRb.slug, pageSlug : p.slug})">{{p.title}}</a>

具有一个参数的链接有效，否则具有两个参数的另一个链接无效，当我单击它时出现此错误：

http://localhost:5000/api/pages/[object%20Object] 401（未授权）

注意：

*我试过：壁球，可选参数（[：param]），正则表达式..但没有任何效果

*我正在使用 Angular 1.3.6，ui-router 0.2.11

Answer 1

你可以用这个。

 .state('befyne.front.pages', {
        url: '/pages',
        params: {
                rubrique: null,
                sousRubrique: null,
                pageSlug: null
            },
        templateUrl: 'components/frontoffice/pages/views/page.html',
        controller: 'FrontPageCtrl',
    })

    <a ui-sref="befyne.front.pages({rubrique : menuRb.slug, sousRubrique : menuRb2.slug, pageSlug : p2.slug})">{{p2.title}}</a>