使 url 将 '/'、'/index' 和 '/index.html' 匹配到单个状态

Question

我试图让以下网址指向相同的状态，但只有两个网址有效。

$stateProvider
.state('home', {
    url: '/{index}',
    controller: 'HomeController',
});

上了$stateProvider docs, it says the url uses the UrlMatcher pattern，但是none了图案似乎与我瞄准的手表相符。

那么，你如何让后者发挥作用？

谢谢！

Answer 1

/{index} 不是你想的那样。它使用参数 {index} 定义 / 的状态。所以我很确定它也会捕获例如 /dummy.

我认为您想使用 / 定义一个简单的状态，例如

$stateProvider.state('home', {
    url: '/',
    controller: 'HomeController',
});

然后使用ui-路由器重定向（取自documentation）

app.config(function($urlRouterProvider){   
    $urlRouterProvider.when('/index.html', '/');
    $urlRouterProvider.when('/index', '/');
})

Make url match '/', '/index' and '/index.html' to a single state