如何路由到特定（子）视图？

Question

我创建了一个包含多个视图的状态。你能告诉我如何路由到特定的视图吗？

app.js：

  .state('tabs.movies', {
    url: '/movies',
    views: {
      'movies-tab': {
        templateUrl: 'templates/movies.html',
        controller: 'MoviesCtrl'
      },
      'movies-tab-grid': {
        templateUrl: 'templates/movies_grid.html',
        controller: 'MoviesCtrl'
      },
      'movies-tab-list': {
        templateUrl: 'templates/movies_list.html',
        controller: 'MoviesCtrl'
      }
    }
  })

三个（子）视图将显示相同的内容，但具有不同的布局（幻灯片，网格，列表）。我也试过使用ng-switch / ng-if，但每当我用div-container包装我的轮播（ks-swiper-container）时，它就完全消失了。所以我认为路由可能是更好的方式。

我想创建一个按钮来切换（子）视图，如下所示：

<ion-nav-buttons side="secondary">
  <button class="button button-icon ion-grid" ng-click=""></button>
</ion-nav-buttons>

我知道路由可以通过多种方式完成（例如使用href），但我不知道如何路由到视图而不是特定状态。

非常感谢任何帮助！

提前致谢。