javascript - 使 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 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', '/');
})