2016-09-20 1 views
2

저는 이오니아에 익숙하지 않고 현재 여러 개의 탭으로 구성된 자체 앱을 만들려고합니다. 나는 현재 나의 뒤로 버튼이 보이지 않는 문제에 직면하고있다. 내 이벤트 탭에서 특정 이벤트 (event.html)에 대한 세부 정보 페이지와 함께 href를 여는 목록의 이벤트를 사람들이 클릭 할 수있게합니다. 내 문제는 어떻게 든 뒤로 버튼이 전혀보기에 나타나지 않는다는 것입니다. 나는 심지어 탐색 바 및 뒤로 버튼으로 빈 새로운보기를 만드는 쉬운 경로를 시도했지만 여전히 나타나지 않습니다. 아무도 내 뒤로 버튼이 나타나기 위해 내가해야 할 일을 말해 줄 수 있습니까?Ionic nav-back-button이 보이지 않습니다.

고맙습니다.

index.html을 :

<body ng-app="App"> 
<ion-nav-bar class="bar-positive"> 
<ion-nav-back-button class="button-icon button-clear"> 
    <i class="icon ion-arrow-left"></i> Back 
</ion-nav-back-button> 
</ion-nav-bar> 

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

탭 :

<ion-tabs class="tabs-icon-top"> 
    <ion-tab title="Events" icon="ion-calendar" ui-sref="tabs.events"> 
     <ion-nav-view name="events-tab"></ion-nav-view> 
    </ion-tab> 
</ion-tabs> 

app.js :

.state('tabs.events', { 
    url: '/events', 
    views: { 
     'events-tab': { 
     templateUrl: 'views/events/events.html', 
     controller: 'EventsController' 
     } 
    } 
    }).state('event', { 
    url: '/event/:id', 
    templateUrl: 'views/events/event.html', 
    controller: 'EventController' 
    }); 

events.html (세부 사항 페이지에 링크)

<a href="#/event/{{event.id}}"> 

event.html :

<ion-view view-title="{{event.title}}"> 
<ion-content> 

    Event title: {{event.title}} <br /> 
    Group name: {{event.groupname}} <br /> 
    Date: {{event.date}} <br /> 
    Description: {{event.description}} <br /> 

</ion-content> 
</ion-view> 

답변

1

저도 같은 문제에 직면했다,하지만 내가 사용하고 싶은 장소에 정확히 화살표 사용자 정의를 사용했다. 사용자 정의 화살표 이미지를 CSS 파일에 추가 한 다음 적절하게 사용할 수 있습니다. ng-click = "goBack()"은 이동하려는 페이지로 이동하는 데 사용되며, 사용자는 .js 파일에서이를 정의 할 수 있습니다. 나는이

HTML 파일

<ion-nav-buttons side="left"> 
    <a ng-click="goBack()" class="button back-button buttons button-clear header-item nav-back-btn"> 
     <i class="ion-android-arrow-back" id="customArrow"></i> 
    </a> 
</ion-nav-buttons> 
+0

측면 = 버튼을 배치하는 데 사용됩니다 "왼쪽" 헤더 왼쪽으로 – devanshsadhotra

+0

고마워요, 그 작품 :) – Robin

2

는 다시 가고 싶은 컨트롤러에이 추가 작동 희망

$scope.$on('$ionicView.beforeEnter', function (event, viewData) { 
    viewData.enableBack = true; 
}); 
관련 문제