Question

我的应用有3条路线（html5模式）：

/app/home
/app/foo
/something-random

然后如果没有匹配则回退到/ app / home。这些定义如下：

$stateProvider
            .state('app', {
                url: '/app',
                abstract: true,
                templateUrl: 'frame.html',
                controller: 'frame'
            })
            .state('app.home', {
                url: '/home',
                params: {
                    scrollTo: null
                },
                views: {
                    sectionHolder: {
                        templateUrl: 'home.html',
                        controller: 'home'
                    }
                }
            })
            .state('app.foo', {
                url: '/foo',
                params: {
                    scrollTo: null
                },
                views: {
                    sectionHolder: {
                        templateUrl: 'foo.html'
                        controller: 'foo'
                    }
                }
            })
            .state('extra', {
                url: '/:slug',
                templateUrl: 'extra.html',
                controller: 'extra'
            });

$urlRouterProvider.otherwise('/app/home');

结果如下：

mysite.com/app/home            ->   works
mysite.com/app/foo             ->   works
mysite.com/something-random    ->   works
mysite.com                     ->   matches the extra route and does not fallsback to /app/home as intended.

根据documentation：

＆＃39; /用户/：ID＆＃39; - 匹配＆＃39; / user / bob＆＃39;或者＆＃39; / user / 1234 !!!＆＃39;甚至＆＃39; / user /＆＃39; 但不是＆＃39; / user＆＃39;或＆＃39; / user / bob / details＆＃39;。第二个路径段将被捕获为参数＆＃39; id＆＃39;。

但在我的情况下是匹配一个空的slu ..

Angular UI路由器匹配错误的路由

0 个答案: