使url匹配“ /”，“ / index”和“ /index.html”为单个状态

Question

我试图使以下网址指向相同的状态，但是只有两个在工作。

• http://path.com/✔
• http://path.com/index✔

• http://path.com/index.html✘

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

在$ stateProvider文档上 ，它说url使用UrlMatcher模式 ，但是似乎没有一个模式与我瞄准的手表匹配。

那么，如何使后者起作用？

谢谢！

Answer 1

/{index}不是您想的那样。 它使用参数{index}为/定义状态。 因此，我很确定它也会捕获/dummy 。

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

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

然后使用ui-router重定向（摘自文档 ）

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