Question

function routeConfig($stateProvider, $urlRouterProvider) {
  $stateProvider
      .state('main', {
        url: '/main',
        templateUrl: 'app/pages/main/main.html',
        title: 'Main',
        sidebarMeta: {
          icon: 'ion-android-home',
          order: 0,
        },
      }).state('main.list', {
        url: '/list',
        templateUrl: 'app/pages/main/list/coinList.html',
        title: 'Main',
        controller: 'coinListCtrl',
        resolve: {
          coinMarketData: function(MarketCapService) {
            return MarketCapService.getCrypto();
          }
        }
      }).state('main.detail', {
        url: '/detail/:symbol',
        templateUrl: 'app/pages/main/detail/coinDetail.html',
        title: 'Main',
        controller: "coinDetailCtrl",
      });
      $urlRouterProvider.when('/main','/mail/list');
}

我有一个主要状态和两个子状态，如main.list和main.details。使用$ urlRouterProvider服务我想默认转到main.list状态。但似乎命令 - $urlRouterProvider.when('/main','/mail/list'); 根本不工作。

Answer 1

当我将$urlRouterProvider.when('/main','/mail/list');置于状态注册之上时代码开始工作，如下所示： -

function routeConfig($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.when('/main','/mail/list');
  $stateProvider
      .state('main', {
        url: '/main',
        templateUrl: 'app/pages/main/main.html',
        title: 'Main',
        sidebarMeta: {
          icon: 'ion-android-home',
          order: 0,
        },
      }).state('main.list', {
        url: '/list',
        templateUrl: 'app/pages/main/list/coinList.html',
        title: 'Main',
        controller: 'coinListCtrl',
        resolve: {
          coinMarketData: function(MarketCapService) {
            return MarketCapService.getCrypto();
          }
        }
      }).state('main.detail', {
        url: '/detail/:symbol',
        templateUrl: 'app/pages/main/detail/coinDetail.html',
        title: 'Main',
        controller: "coinDetailCtrl",
      });

}

虽然我还想知道为什么？这可能是由于缺乏JS知识，但仍然启发我..

Angular ui-router $ urlRouterProvider不工作

1 个答案: