将网址匹配'/'，'/ index'和'/index.html'设置为单个状态

Question

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

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

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

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

在$stateProvider docs上，它表示url使用UrlMatcher pattern，但没有 模式似乎与我瞄准的手表相匹配。

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

谢谢！

Answer 1

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

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

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

然后使用ui-router重定向（取自documentation）

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