离子路由不能正常工作

Question

此路由有什么问题

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('app', {
      abstract: true
    })
    .state('app.home', {
      url: '/home',      
      templateUrl: 'templates/appHome.html',
      controller: 'AppHomeController'
    });
  $urlRouterProvider.otherwise('/app/home');
});

默认情况下未显示appHome.html。

Answer 1

你应该指定抽象路线的templateUrl在哪里，

    $stateProvider.state('app', {
        url: '/app',
        abstract: true,
        templateUrl: 'app/sidemenu/menu.html',
        controller: 'menuController'
    })
.state('app.home', {
    url: '/home',
    views: {
      'menuContent': {
        templateUrl: 'app/home/home.html',
        controller: 'homeController'
      }
    }
  });

    $urlRouterProvider.otherwise('/app/home');

并确保您在抽象视图中包含<ion-nav-view name="menuContent"></ion-nav-view>。