Ионные вложенные виды нагрузки друг на друга

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'); 

Теперь, когда я переключаюсь между видами, виды загружаются друг на друга, и вы можете видеть их обоих. или лучше сказать: изменение Url, но взгляды не меняются.

Я что-то не хватает? Благодаря

Answer 1

Похоже вы forgort завернуть вам 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