title: Page is not displaying [Ionic]
body: <p>I am a beginner in Ionic and AngularJS. I am trying to display the locations file in my Ionic app but the content on this page is not displaying; but the URL is changing. Thanks in advance.</p>
  
  <p><strong>Call to Location file</strong></p>
  
  <pre><code>&lt;a class="item item-icon-left " href="#/tab/locations"&gt;
        &lt;i class="icon ion-search"&gt;&lt;/i&gt;
        Near Places
  &lt;/a&gt;
  </code></pre>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
  
  .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
  
      if (window.cordova &amp;&amp; window.cordova.plugins &amp;&amp; window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        cordova.plugins.Keyboard.disableScroll(true);
  
      }
      if (window.StatusBar) {
  
        StatusBar.styleDefault();
      }
    });
  })
  
  .config(function($stateProvider, $urlRouterProvider) {
  
    $stateProvider
  
      .state('tab', {
      url: '/tab',
      abstract: true,
      templateUrl: 'templates/tabs.html'
    })
  
  
    .state('tab.dash', {
      url: '/dash',
      views: {
        'tab-dash': {
          templateUrl: 'templates/tab-dash.html',
          controller: 'DashCtrl'
        }
      }
    })
  
      .state('tab.locations', {
        url: '/locations',
        views: {
          'tab-locations': {
            templateUrl: 'templates/tab-locations.html',
            controller: 'LocationCtrl'
          }
        }
      })
  
    .state('tab.chats', {
        url: '/chats',
        views: {
          'tab-chats': {
            templateUrl: 'templates/tab-chats.html',
            controller: 'ChatsCtrl'
          }
        }
      })
      .state('tab.chat-detail', {
        url: '/chats/:chatId',
        views: {
          'tab-chats': {
            templateUrl: 'templates/chat-detail.html',
            controller: 'ChatDetailCtrl'
          }
        }
      })
  
    .state('tab.search', {
      url: '/search',
      views: {
        'tab-search': {
          templateUrl: 'templates/tab-search.html',
          controller: 'AccountCtrl'
        }
      }
    });
  
  
    $urlRouterProvider.otherwise('/tab/dash');
  
  });
  </code></pre>
  
  <blockquote>
    <p>File name: tab-locations.html</p>
  </blockquote>
  
  <pre><code>&lt;ion-view view-title="location"&gt;
  &lt;ion-content&gt;
  &lt;div class="list list-inset"&gt;
    &lt;label class="item item-input"&gt;
      &lt;i class="icon ion-search placeholder-icon"&gt;&lt;/i&gt;
      &lt;input type="text" placeholder="Search"&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Tabs.html</strong></p>
  
  <pre><code>&lt;ion-tabs class="tabs-icon-top tabs-color-active-positive"&gt;
  
    &lt;!-- Dashboard Tab --&gt;
    &lt;ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash"&gt;
      &lt;ion-nav-view name="tab-dash"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;!-- Chats Tab --&gt;
    &lt;ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats"&gt;
      &lt;ion-nav-view name="tab-chats"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;!-- Account Tab --&gt;
    &lt;ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account"&gt;
      &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
  
  &lt;/ion-tabs&gt;
  </code></pre>