I’m creating an sidemenu app and have few views that work. Now I’m trying to add more but I can’t get them to work. I’m using ionic run android to dev and test and using inspect element I don’t get any errors in my app.
This is my app.js:
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.dashboard', {
url: '/dashboard',
views: {
'menuContent': {
templateUrl: 'templates/dashboard.html',
controller: 'DashCtrl'
}
},
authStatus: true
})
.state('app.clubs', {
url: '/clubs',
views: {
'menuContent': {
templateUrl: 'templates/clubs.html',
controller: 'ClubsCtrl'
}
},
authStatus: true
})
.state('app.club', {
url: '/clubs/:clubId',
views: {
'menuContent': {
templateUrl: 'templates/club-detail.html',
controller: 'ClubDetailCtrl'
}
},
authStatus: true
})
.state('app.club.events', {
url: '/events',
views: {
'menuContent@app': {
templateUrl: 'templates/club-events.html',
controller: 'ClubEventsCtrl'
}
},
authStatus: true
})
.state('app.club.events.event', {
url: '/:eventId',
views: {
'menuContent@app': {
templateUrl: 'templates/event.html',
controller: 'EventCtrl'
}
},
authStatus: true
})
.state('app.cities', {
url: '/cities',
views: {
'menuContent': {
templateUrl: 'templates/cities.html',
controller: 'CitiesCtrl'
}
},
authStatus: true
})
.state('app.cities.events', {
url: '/:cityName/events',
views: {
'menuContent': {
templateUrl: 'templates/city-events.html',
controller: 'CityEventsCtrl'
}
},
authStatus: true
})
Everything is working except Cities Events.
Here is the cities.html where there’s a link to cities event page:
<ion-header-bar class="bar bar-subheader bar-positive bar-transparent-favorites has-header header-border">
<h1 class="title">Favorites</h1>
</ion-header-bar>
<ion-content>
<div class="card list-block city-name-align" ui-sref="app.cities.events({ cityName: city })">
<div class="title list-section">{{city}}</div>
</div>
</ion-content>
</ion-view>
In the CitiesCtrl i only have a scope variable with the city name.