index.html

 <md-content ng-class="vm.class" ng-attr-flex-lg="{{vm.flex['lg']}}" ng-attr-flex-md="{{vm.flex['md']}}" ng-attr-flex-sm="{{vm.flex['sm']}}"
              ng-attr-flex-gt-md="{{vm.flex['gt-md']}}" ng-attr-flex-gt-sm="{{vm.flex['gt-sm']}}">
    <ui-view name="header"></ui-view>
    <ui-view name="content"></ui-view>
  </md-content>

routes.js

$stateProvider
      .state('login', {
        url: '/',
        views: {
          header: {
            templateUrl: 'app/components/header/login.header.html',
            controller: 'Header as vm'
          },
          content: {
            templateUrl: 'app/components/login/login.html',
            controller: 'Login as vm'
          }
        }
      })
      .state('fleet', {
        url: '/fleet',
        views: {
          header: {
            templateUrl: 'app/components/header/main.header.html',
            controller: 'Header as vm'
          },
          content: {
            templateUrl: 'app/components/fleet/fleet.html'
          }
        }
      });