ionic - nicht in der Lage, Titel auf Navbar

Question

zu drucken Ich arbeite mit eckigen und ionischen und ich bin derzeit nicht in der Lage, irgendeinen Titel in der Navbar zu drucken.

Ich habe eine ziemlich komplexe Einrichtung mit mehreren verschachtelten Ansichten.

Hier ist die Liste der Staaten:

state('app', { 
    cache: false, 
    url: '/app', 
    abstract: true, 
    templateUrl: './sections/menu/menu.tpl.html', 
    controller: 'menuCtrl' 
}).state('app.home', { 
    url: '/home', 
    views: { 
    'appContent': { 
     templateUrl: './sections/menu/pageViewsContainer.tpl.html', 
     controller: 'homeCTRL' 
    }, 
    'Details@app.home': { 
     templateUrl: './sections/home/home.tpl.html' 
    }, 
    'List@app.home': { 
     templateUrl: './sections/List/List.tpl.html' 
    } 
    } 
}).state('app.details', { 
    name: 'appDetails', 
    url: '/:ID', 
    views: { 
    'appContent': { 
     templateUrl: './sections/menu/pageViewsContainer.tpl.html', 
     controller: 'DetailsCtrl' 
    }, 
    'zoneDetails@app.details': { 
     templateUrl: './sections/Details/Details/details.tpl.html' 
    }, 
    'zoneList@app.details': { 
     templateUrl: './sections/List/List.tpl.html' 
    } 
    } 
}); 

haupt (Zusammenfassung) Zustand App und verwendet menu.tpl.html, die wie folgt aussieht:

<ion-side-menus enable-menu-with-back-views="true"> 
<ion-side-menu-content class="custom-central-content"> 
     <ion-nav-bar class="bar-calm custom-header-bar"> 
      <ion-nav-buttons side="left"> 
       <!--<button class="button button-icon button-clear ion-home" menu-toggle="left"></button>--> 
       <button class="button button-icon button-clear ion-home" ui-sref="app.myHouse" id="AppMenuLeftIcon"></button> 
      </ion-nav-buttons> 

      <ion-nav-buttons side="right"> 
       <button class="button button-icon button-clear ion-navicon" menu-toggle="right" id="AppMenuRightIcon"></button> 
      </ion-nav-buttons> 
     </ion-nav-bar> 

     <ion-view ui-view="appContent"></ion-view> 

    </ion-side-menu-content> 

    <ion-side-menu side="right"> 
     <ion-header-bar class="bar-dark"> 
      ..... 

innerhalb <ion-view ui-view="appContent"></ion-view> ich die Vorlage von pageViewsContainer.tpl.html bin mit der ist:

<ion-view> 
    <ion-content class="hg-split-page-container"> 
     <div ui-view="List" class="hg-split-page-zone-list has-header" nav-transition="none"></div> 
     <ion-nav-view name="Details" class="hg-split-page-zone-details"></ion-nav-view> 
    </ion-content> 
</ion-view> 

a nd dann innerhalb sowohl Details und List Ich drucke die zwei Ansichten, die ich brauche.

Das Problem ist, dass ich in der Lage sein, einen statischen Titel für die Haupt (Startseite) Seite festzulegen, aber dann dynamisch ändern, wenn ich innerhalb Details mit dem Namen der Seite aus meinem Bereich gehe.

Das Problem ist, dass ich keinen Titel (Klartext, nicht Umfang) in irgendeiner Weise drucken kann.

Ich habe versucht, mit (in pageViewsContainer.tpl.html):

<ion-view> 

    <ion-nav-title>View 1</ion-nav-title> 

    <ion-content class="hg-split-page-container"> 
     <div ui-view="List" class="hg-split-page-zone-list has-header" nav-transition="none"></div> 
     <ion-nav-view name="Details" class="hg-split-page-zone-details"></ion-nav-view> 
    </ion-content> 
</ion-view> 

---

<ion-view view-title="View 1"> 

     <ion-content class="hg-split-page-container"> 
      <div ui-view="List" class="hg-split-page-zone-list has-header" nav-transition="none"></div> 
      <ion-nav-view name="Details" class="hg-split-page-zone-details"></ion-nav-view> 
     </ion-content> 
    </ion-view> 

---

sowie (im Detailvorlage):

<ion-view> 
    <ion-nav-title>View 1</ion-nav-title> 
    <ion-content class="has-footer has-header"> 
    ... 

---

<ion-view view-title="View 1"> 
     <ion-content class="has-footer has-header"> 
     ... 

Aber nichts hat funktioniert.

Vorschläge?

Answer 1

Es stellte sich heraus, dass ich auf meine Navigation einiges ändern musste, da ich die verschachtelten Ansichten wurde mit , Eltern, Kinder auf völlig falsche Weise. Es funktioniert jetzt gut.

Auch wenn aus irgendwelchen Gründen, ist der Titel navbar es noch nicht angezeigt wird, können Sie es dies in der Steuerung (Coffee) mit Kraft:

# This should show the navabar everytime the view is entered 
$scope.$on '$ionicView.enter',() -> 
    $ionicNavBarDelegate.showBar true 

Answer 2

Versuchen Hinzufügen der Titel Befehl innerhalb Kopfleiste

<ion-view> 
    <ion-header-bar class="bar-stable"> 
    <h1 class="title">View 1</h1> 
    </ion-header-bar> 
<ion-view> 

oder versuchen

<ion-view> 
    <div class="bar bar-header browse-header" align-title="center"> 
    <h1 class="title">View 1</h1> 
</div> 
<ion-content class="has-header"> 
</ion-content> 
</ion-view>