function prelink($scope, $element, $attr, tabsCtrl) {
        $parse(attr.model || '$ionicTabsController').assign($scope, tabsCtrl);

        tabsCtrl.$scope = $scope;
        tabsCtrl.$element = $element;
        tabsCtrl.$tabsElement = angular.element($element[0].querySelector('.tabs'));

        var el = $element[0];
        $scope.$watch(function() { return el.className; }, function(value) {
          var isTabsTop = value.indexOf('tabs-top') !== -1;
          var isHidden = value.indexOf('tabs-item-hide') !== -1;
          $scope.$hasTabs = !isTabsTop && !isHidden;
          $scope.$hasTabsTop = isTabsTop && !isHidden;
        });
        $scope.$on('$destroy', function() {
          $scope.$hasTabs = $scope.$hasTabsTop = null;
        });
      }
@ngdoc directive
@name ionTabs
@module ionic
@restrict E
@controller ionicTabs as $scope.$ionicTabsController
@codepen KbrzJ

@description
Powers a multi-tabbed interface with a Tab Bar and a set of "pages" that can be tabbed
through.

Assign any [tabs class](/docs/components#tabs) or
[animation class](/docs/components#animation) to the element to define
its look and feel.

See the {@link ionic.directive:ionTab} directive's documentation for more details on
individual tabs.

@usage
```html
<ion-tabs class="tabs-positive tabs-icon-only">

  <ion-tab title="Home" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline">
    <!-- Tab 1 content -->
  </ion-tab>

  <ion-tab title="About" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline">
    <!-- Tab 2 content -->
  </ion-tab>

  <ion-tab title="Settings" icon-on="ion-ios7-gear" icon-off="ion-ios7-gear-outline">
    <!-- Tab 3 content -->
  </ion-tab>
</ion-tabs>
```

@param {string=} controller-bind The scope variable to bind these tabs'
{@link ionic.controller:ionicTabs ionicTabs controller} to.
Default: $scope.$ionicTabsController.