title: Ionic Showing multiple viewes in a single page
body: <p>I<code>m using Ionic to build an application.
  I</code>m new to Ionic and i would like some help in setting up my view.</p>
  
  <p>my app contains an abstract main view which contains the main header </p>
  
  <pre><code>&lt;script type="text/ng-template" id="main-view"&gt;
      &lt;ion-header-bar class='bar bar-header bar-stable' align-title="center"&gt;
          &lt;h3 class="title"&gt;Title&lt;/h3&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-nav-view name="View-A"&gt;&lt;/ion-nav-view&gt;
      &lt;ion-nav-view name="View-B"&gt;&lt;/ion-nav-view&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>and another view which supposed to be like a split screen. basicly i`m trying to show 2 views on the same page (with different controllers)</p>
  
  <p>this is my config:</p>
  
  <pre><code>.config(function ($stateProvider, $urlRouterProvider) {
      $stateProvider
      // setup an abstract state for the tabs directive
        .state('main', {
            url: '/main',
            abstract: true,
            templateUrl: 'main-view'
            }
  
        })
      .state('main.inner', {
          url: '/inner',
          views: {
              'View-A': {
                  templateUrl: "View-A",
                  controller: 'ViewACtrl'
              },
              'View-B': {
                  templateUrl: 'View-B',
                  controller: 'ViewBCtrl'
              }
          }
      });
  
      $urlRouterProvider.otherwise('/main/inner');
  
  })
  </code></pre>
  
  <p>The views look like this</p>
  
  <pre><code>&lt;script type="text/ng-template" id="View-A"&gt;
      &lt;ion-view&gt;
  &lt;-- DATA --&gt;
   &lt;/ion-view&gt;
  &lt;/script&gt;
  
  &lt;script type="text/ng-template" id="View-B"&gt;
      &lt;ion-view&gt;
  &lt;-- DATA --&gt;
   &lt;/ion-view&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>The Problem is, that only the second view is shown.
  what am i doing wrong?</p>