离子嵌套视图相互加载

Question

这是我的Plunker。

        .state('tabs', {
            url: "/tab",
            abstract: true,
            cache: false,
            templateUrl: "tabs.html"
//            controller: 'AppCtrl'
        })

        .state('tabs.home', {
            url: "/home",
            cache: false,
            views: {
                'home-tab': {
                    templateUrl: "home.html"
//                    controller: 'welcomeController'
                }
            }

        })

        .state('tabs.list', {
            url: "/list",
            cache: false,
            views: {
                'category-tab': {
                    templateUrl: "list.html"
//                  
                }
            }

        })


    // if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/tab/home');  

现在，当我在视图之间切换时，视图会相互加载，您可以同时看到它们。或者更好的说法是：网址改变但视图不变。

我错过了什么吗？谢谢

Answer 1

好像您忘记将 list.html 内容包装在 ion-view 中

List.html

<ion-view>
  <ion-header-bar align-title="center" class="bar-royal">
    <h1 class="title">
list
</h1>
  </ion-header-bar>
  <ion-content class="">
    <button class="button btn-custom button-full button-assertive icon icon-left ion-android-bicycle no-border red-custom no-margin">
      Sport
    </button>
  </ion-content>
</ion-view>

Demo here