View not opening, HELP


#1

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.