javascript - Angular UI 路由器 : Multiple URLs to single state

Question

我已经开始使用 angular 的 ui-router，我正在尝试弄清楚如何让多个 URLS 指向一个状态。例如:

/orgs/12354/overview
//retyrns the same pages as
/org/overview

我的 $state 提供程序当前设置为类似这样的设置，我不清楚如何插入别名“/org/overview”路由，以便它正确地从“org”父级继承。

.state('org', {
  abstract: true,
  url: '/orgs/:orgID',
  templateUrl: '/client/navigation/main.html'
})
.state('org.overview', {
  url: '/overview',
  templateUrl: '/client/overview/overview.html',
  controller: 'OverviewCtrl'

})

Answer 1

这可以使用 when() 来实现。假设这是您要使用多个 url 指向的状态。

.state('app.home',
  {
    url: '/home',
    templateUrl: 'home.html',
    controller: 'homeCtrl'
  })

在 config() 中，您可以按如下方式使用 when():

angular.module('myApp', [])
   .config($urlRouterProvider){
       $urlRouterProvider.when(/homepage, ['$state','$match', function ($state, $match) {
          $state.go('app.home');
 }]);
}

同样，您可以添加多个指向同一状态的 url。