title: ionic how to add blank page as home page of the app?
body: <p>I would like to add new page into default ionic app with tabbed menu and display this page as the default page of the app. </p>
  
  <p><strong>Here is how I tried to do that:</strong>
  I added new state into app.js</p>
  
  <pre><code>.state('home', {
            url: '/home',
            views: {
                'home': {
                    templateUrl: 'templates/home.html',
                    controller: 'HomeCtrl'
                }
            }
      })
  </code></pre>
  
  <p>and set default router to home page </p>
  
  <pre><code> $urlRouterProvider.otherwise('/home');
  </code></pre>
  
  <p><strong>And template file:</strong></p>
  
  <pre><code>&lt;ion-view title="Home"&gt;
      &lt;ion-content class="padding"&gt;
          &lt;h1&gt;Home page&lt;/h1&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>Now, if I am trying to go to <code>http://myapp.loc/index.html#/home</code> I got always black page without content.</p>
  
  <p>What I'm doing wrong?</p>
  
  <p>Thanks for any help.</p>
  
  <p><strong>EDIT:</strong> 
  In order to <strong>Error: [ng:areq] Argument 'HomeCtrl' is not a function, got undefined</strong>
  I'm adding related code.</p>
  
  <p><strong>Added controllers:</strong></p>
  
  <pre><code>angular.module('starter.controllers', [])
  
  .controller('HomeCtrl', function($scope, $location) {
  
  })
  .controller('DashCtrl', function($scope) {
  })
  
  .controller('FriendsCtrl', function($scope, Friends) {
    $scope.friends = Friends.all();
  })
  
  .controller('FriendDetailCtrl', function($scope, $stateParams, Friends) {
    $scope.friend = Friends.get($stateParams.friendId);
  });
  </code></pre>
  
  <p><strong>Order in index.html is following</strong></p>
  
  <pre><code>&lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers/overall_stats.js"&gt;&lt;/script&gt;
      &lt;script src="js/services.js"&gt;&lt;/script&gt;
  </code></pre>