title: Make angularJS ui router work with angular material design TABS
body: <p>The TabControl is visible when the app starts but...</p>
  
  <p>When I click on a tab NO content is visible</p>
  
  <p>What do I wrong?</p>
  
  <p>I use the latest angularJS material design 0.9.4.</p>
  
  <pre><code>   $urlRouterProvider.otherwise("");
        $stateProvider
  
            .state("main",
            {
              abtract: true,
              url: '',
              views: {
                'content@': {
                  templateUrl: '../app/views/administration/administration.html',
                  controller: 'AdministrationController'
                }
              }
            })
            .state('main.settings', {
              url: '/settings',
              views: {
                'settings@main': {
                  templateUrl: "../app/views/administration/settings.html",
                  controller: 'GlobalConfigurationController'
                }
              }
            })
            .state('main.schoolyears', {
              url: '/schoolyears',
              views: {
                'schoolyears@main': {
                  templateUrl: "../app/views/schoolyear/schoolyears.html",
                  controller: 'SchoolyearsController'
                }
              }
            });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div layout-fill layout="column"&gt;
    &lt;div ng-include="'app/components/navbar/navbar.html'"&gt;&lt;/div&gt;
    &lt;div id="content" layout="column" layout-padding&gt;
  
      &lt;md-tabs md-stretch-tabs="always" class="md-primary md-hue-2"&gt;
  
        &lt;md-tab label="Schoolyears" ui-sref="main.schoolyears" md-active="$state.is('main.schoolyears')"&gt;
          &lt;md-tab-body ui-view="schoolyears" layout="vertical" layout-fill&gt;&lt;/md-tab-body&gt;
        &lt;/md-tab&gt;
  
        &lt;md-tab label="settings" ui-sref="main.settings" md-active="$state.is('main.settings')"&gt;
           &lt;md-tab-body ui-view="settings" layout="vertical" layout-fill&gt;&lt;/md-tab-body&gt;
        &lt;/md-tab&gt;
  
      &lt;/md-tabs&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>