title: angularjs - ui-router not displaying properly ($stateProvider)
body: <p>I'm trying to set up my app. It was working fine, but then I had to change some URLs on the ui-router in order to have some sub-views.</p>
  
  <p>Unfortunately, now, I cannot see all my pages properly and I don't understand why.</p>
  
  <p>Here's an example: <a href="http://codepen.io/anon/pen/LNQavV?editors=1010" rel="nofollow">http://codepen.io/anon/pen/LNQavV?editors=1010</a></p>
  
  <p>Basically, I have different templates, and when URL changes, I display a different template into <code>appContent</code> view. Inside my details, I need to have a subView called <code>zone</code>, in which I can display <code>detailsOverview</code> template or <code>detailsEdit</code> template.</p>
  
  <p>With my current setup,I'm not able to change page. Well, the page changes according to the URL, but <code>detailsOverview</code> is always displayed!</p>
  
  <p>I think that the problem is somehow related with the subview rather than the URLs, but not 100% sure.</p>
  
  <p>I'm pasting $stateProvider code here as well:</p>
  
  <pre><code>angular.module('ionicApp', ['ionic']).config([
    '$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
      $stateProvider.state('app', {
        name: 'app',
        url: '/app',
        abstract: true,
        templateUrl: 'templates/menuTemplate.html'
      }).state('app.details', {
        name: 'appDetails',
        url: '/:zoneID',
        views: {
          'appContent': {
            templateUrl: 'templates/mainDetails.html'
          }
        }
      }).state('app.details.overview', {
        name: 'appDetailsOverview',
        url: '/details',
        views: {
          'appContent': {
            templateUrl: 'templates/mainDetails.html'
          },
          'zone': {
            templateUrl: 'templates/detailsOverview.html'
          }
        }
      }).state('app.details.edit', {
        name: 'appDetailsEdit',
        url: '/edit/day/:timerEditDay',
        views: {
          'appContent': {
            templateUrl: 'templates/mainDetails.html'
          },
          'zone': {
            templateUrl: 'templates/detailsEdit.html'
          }
        }
      }).state('app.setup', {
        name: 'setup',
        url: '/setup',
        views: {
          'appContent': {
            templateUrl: 'templates/setup.html'
          }
        }
      }).state('app.about', {
        name: 'about',
        url: '/about',
        views: {
          'appContent': {
            templateUrl: 'templates/about.html',
            controller: 'aboutPageInfo'
          }
        }
      });
      $urlRouterProvider.otherwise('app/');
    }
  ]);
  </code></pre>