Question

我正在使用ionic构建一个项目，其中有ui-router处理的不同视图，需要嵌套在一起。这是代码的一部分，states处理ui-view：

$stateProvider

// setup an abstract state for the tabs directive
.state('filters', {
  url: '/filters',
  abstract: true,
  templateUrl: 'templates/filters.html'
})

// and one for the search bar
.state('search', {
  url: '/search',
  abstract: true,
  templateUrl: 'templates/search.html'
})

// Each tab has its own nav history stack:
.state('filters.search.locations', {
  url: '/locations',
  views: {
    'tab-locations': {
      templateUrl: 'templates/tab-locations.html',
      controller: 'LocationsCtrl'
    }
  }
})

.state('filters.search.job-categories', {
  url: '/job-categories',
  views: {
    'tab-job-categories': {
      templateUrl: 'templates/tab-job-categories.html',
      controller: 'JobCategoriesCtrl'
    }
  }
})

.state('filters.search.levels', {
  url: '/levels',
  views: {
    'tab-levels': {
      templateUrl: 'templates/tab-levels.html',
      controller: 'LevelsCtrl'
    }
  }
});

正如您所看到的，我的目的是将状态filters和...结合起来。 search并将它们展示在一起，但显然我做错了什么。你知道我的代码有什么问题吗？

提前感谢您的回复!!

Answer 1

检查出来：

  $stateProvider

    .state('filters', {
      url: '/filters',
      abstract: true,
      templateUrl: 'templates/filters.html'
    })

    // note this ...
    .state('filters.search', {
      url: '/search',
      abstract: true,
      templateUrl: 'templates/search.html'
    })

    .state('filters.search.locations', {
      url: '/locations',
      views: {
        'tab-locations': {
          templateUrl: 'templates/tab-locations.html',
          controller: 'LocationsCtrl'
        }
      }
    })

    //and so on ...

多个抽象视图 - 离子

1 个答案: