Angularjs $stateProvider 问题

Question

我的页面有这两种状态：

$stateProvider
    .state("page", {
        url: "/:pageId/:pageType",
        template: pageTemplate,
        controller: "contentCtrl",
        resolve: {
            ...
            }
        },
        params: {reload: true}
    })

和

.state("schedule", {
        url: "/Schedule/:scheduleId/:pageId/:pageType",
        template: pageTemplate,
        controller: "contentCtrl",
        resolve: {
            ...
            }
        },
        params: {
            pageId: { squash: true, value: null},
            pageType: { squash: true, value: null},
            reload:true
        }
    })

有时，对于这样的链接：

http://localhost:8182/index.html#/Schedule/691d6981b8dd47e0a158d67cb02b1fee/

“页面”状态正在加载，而不是“计划”状态。

我应该怎么做才能解决这个问题？

PS：我正在使用 AngularJS v1.7.6 和 ui-router v0.2.18

Answer 1

路由按照定义的顺序进行匹配。但是，完全匹配优先于参数化匹配。

我首先会尝试改变状态的顺序。

然后我会尝试做类似的事情

$stateProvider.state('foo.bar', {url: '/foo/:bar'});
$stateProvider.state('foo.baz', {url: '/foo/baz'});
$urlRouterProvider.when( '/foo/baz', function($state){ $state.go('foo.baz'); } );

我还看到两个问题：

1. /Schedule/ 中的大写字母是什么意思
2. 参数是什么：{reload: true}"