Angular Routing-Problem - Ionische Header nicht in Tab aktualisiert

Question

Haben die Hockeyschläger Lernkurve von eckigen und ionischen begonnen und folgen auf einem Linda-Kurs. Ich habe eine Art Routing-Fehler (am wahrscheinlichsten ein Tippfehler) und stecken ..

Das Problem ist, dass meine Kopfzeile nicht für die Kalender Registerkarte aktualisieren, verwendet es nur die letzte Kopfzeile.

app.js

//... angluar.module('starter', ['ionic']) ... .run(..) ... 

.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
    .state('tabs', { 
     url: '/tab', 
     abstract: true, 
     templateUrl: 'templates/tabs.html' 
    }) 

    .state('tabs.home', { 
    url: '/home', 
    views: { 
     'home-tab': { 
     templateUrl: 'templates/home.html' 
     } 
    } 
    }) 

    .state('tabs.list', { 
     url: '/list', 
     views: { 
     'list-tab': { 
      templateUrl: 'templates/list.html', 
      controller: 'ListController' 
     } 
     } 
    }) 
     .state('tabs.detail', { 
     url: '/list/:aId', 
     views: { 
      'list-tab': { 
      templateUrl: 'templates/detail.html', 
      controller: 'ListController' 
      } 
     } 
     }) 

    .state('tabs.calendar', { 
     url: '/calendar', 
     views: { 
     'calendar-tab': { 
      templateUrl: 'templates/calendar.html', 
      controller: 'CalendarController' 
     } 
     } 
    }) 

    ; 

    $urlRouterProvider.otherwise('/tab/home'); 
}) 

// ... controllers ... 

tabs.html

<ion-tabs class="tabs-icon-top tabs-positive"> 

    <ion-tab title="Home" icon="ion-home" href="#/tab/home"> 
    <ion-nav-view name="home-tab"></ion-nav-view> 
    </ion-tab> 

    <ion-tab title="Artist" icon="ion-ios-people" href="#/tab/list"> 
    <ion-nav-view name="list-tab"></ion-nav-view> 
    </ion-tab> 

    <ion-tab title="Calendar" icon='ion-calendar' href="#/tab/calendar"> 
    <ionic-nav-view name="calendar-tab"></ionic-nav-view> 
    </ion-tab> 

</ion-tabs> 

calendar.html

<ion-view view-title="Calendar"> 
    <ion-content class="has-subheader"> 
    <!--SEARCH ELEMENT--> 
    <div class="bar bar-subheader 
      item-input-inset bar-light"> 
     <label class="item-input-wrapper"> 
     <i class="icon ion-search placeholder-icon"></i> 
     <input type="search" ng-model="query" placeholder="Search"> 
     </label> 
    </div> 
    </ion-content> 
</ion-view> 

Jede Hilfe wird sehr geschätzt.

Answer 1

Typo in Ihrem HTML

es ion-nav-view statt ionic-nav-view

<ion-nav-view name="calendar-tab"></ion-nav-view> 

statt

<ionic-nav-view name="calendar-tab"></ionic-nav-view>