2016-02-01 1 views
1

Я пытаюсь применить концепцию кнопки обратной связи для своего ионного приложения.кнопка ионной кнопки, не отображающая последний вид

Вот что я делаю: Я создал свое приложение, как в файле index.html, загружая все необходимые зависимости.

<ion-nav-bar class="bar-light nav-title-slide-ios7"> 
     <ion-nav-back-button class="button-clear button-icon"> 
     <i class="ion-arrow-left-c"></i> 
     </ion-nav-back-button> 
    </ion-nav-bar> 

    <ion-nav-view></ion-nav-view> 

и я создал представление с именем dashboard.html

<ion-view class="bar-light" view-title="Dashboard"> 
<ion-content scroll="false" class="padding grid-collection has-header"> 
    <div class="grid-full"> 
     <div class="grid-child">Play Ground</div> 
    </div> 
</ion-content>  

<div class="bar bar-footer"> 
    <a ui-sref="dashboard.create"><button class="button button-positive footer-button">Left</button></a> 
    <button class="button button-positive footer-button pull-right">Right</button> 
</div> 
</ion-view> 
<ion-nav-view></ion-nav-view> 

Здесь я применил кнопку с именем Left, на его щелчком новый вид должен предполагать, чтобы открыть с задней кнопки на ее Топ- левый, который работает нормально до сих пор. create-new.html

<ion-view view-title="child"> 
    <ion-content class="padding"> 
     <h1>Hellow</h1> 
      <h2>World</h2> 
       <h3>I am here !</h3> 
    </p> 
    </ion-content> 
</ion-view> 

когда я нажав кнопку назад мое состояние меняется, но шаблон create-new.html остается открытым, его не скрывая и открытия последнего dashboard.html

Вот как я настроил состояние.

$stateProvider 

    // setup an abstract state for the tabs directive 
    .state('home', { 
     url: '/home', 
     templateUrl: 'templates/home.html', 
    controller:'authenticateCtrl' 
    }) 
    .state('home.nativelogin', { 
     url: '/nativelogin', 
     templateUrl: 'templates/login.html', 
     controller:'authenticateCtrl' 

    }) 
    .state('dashboard', { 
     url: '/dashboard', 
     templateUrl:'templates/dashboard.html', 
     controller:'dashboardCtrl', 
    }) 
    .state('dashboard.create',{ 
     url:'/create', 
     templateUrl:'templates/create-new.html', 
     controller:'dashboardCtrl' 
    }); 

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

** Edit: * Я только что проверил есть два DIV с классом 'active' и 'cached' они предполагают, чтобы обменять их класс, чтобы сделать заднюю кнопку отлично работает, но его замена один раз, чтобы открыть create-new шаблон, но ничего на нажав кнопку назад

ответ

0

Обратите внимание на правый синтаксис: удалить из dashboard.html тег <ion-nav-view></ion-nav-view> и использовать предпочтительно <ion-footer-bar> вместо <div class="bar bar-footer">:

<ion-view class="bar-light" view-title="Dashboard"> 
<ion-content scroll="false" class="padding grid-collection has-header"> 
    <div class="grid-full"> 
     <div class="grid-child">Play Ground</div> 
    </div> 
</ion-content> 
<ion-footer-bar align-title="left" class="bar-assertive"> 
    <div class="buttons"> 
    <a ui-sref="dashboard.create" class="button button-positive footer-button">Left</a> 
    </div> 
    <div class="buttons" ng-click="doSomething()"> 
    <button class="button">Right</button> 
    </div> 
</ion-footer-bar> 
</ion-view> 

 Смежные вопросы

  • Нет связанных вопросов^_^