Hi there,
more questions (i’m nearly finished i promise!)…
My back buttons don’t seem to be working properly… have i got the syntax right, i’m using the Tab app…
Firstly, in index.html…
<body ng-app="listings">
<ion-nav-bar class="bar-assertive">
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view>
<!--Template views go here -->
</ion-nav-view>
</body>
</html>
then, my tabs.html…
<ion-tabs class="tabs-icon-top tabs-assertive">
<!--Home tab setup -->
<ion-tab title="Home" icon="ion-ios-home-outline" href="#/tab/home">
<ion-nav-view name="home-tab">
</ion-nav-view>
</ion-tab>
<!--Listings Tab Setup -->
<ion-tab title="Listings" icon="ion-ios-list-outline" href="#/tab/list">
<ion-nav-view name="list-tab">
</ion-nav-view>
</ion-tab>
<!--Leaderboard tab setup -->
<ion-tab title="Leaderboard" icon="ion-ios-people" href="#/tab/leaderboard">
<ion-nav-view name="leaderboard-tab">
</ion-nav-view>
</ion-tab>
</ion-tabs>
and then, a tab for the list that i’m displaying…
<ion-view view-title="Available Listings">
<!-- **Subheader Starts here -->
<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>
<!-- **Subheader ends here -->
<!-- **Content section starts here, repeat through list of properties -->
<ion-content class="has-subheader">
<ion-refresher pulling-text="Pull to Refresh" on-refresh="doRefresh()"></ion-refresher>
<ion-list> <!-- took these out of here show-reorder="data.showReorder" show-delete="data.showEdit" -->
<ion-item class="item-thumbnail-left item-text-wrap item-icon-right"
ng-class="{'star' : item.star}"
ng-repeat="item in listings | filter: query" href="#/tab/list/{{ item.id }}">
<img ng-src="img/{{ item.mobile_image__c }}" alt="Image" />...etc
there’s a couple of problems here… firstly, the view title isn’t updating when i’m moving between views correctly and my back buttons aren’t working also. From reading i think i’m right in only having the ion-nav-back-button directive on the index.html page, but not sure why it isn’t working…
can anyone spot my mistake??