diff --git a/dist/js/ionic-angular.js b/dist/js/ionic-angular.js
index 254dee9fd7..d816ed86f1 100644
--- a/dist/js/ionic-angular.js
+++ b/dist/js/ionic-angular.js
@@ -24573,24 +24573,26 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
   };
 
   $scope.controllers = this.controllers;
+
+  $scope.tabsController = this;
 }])
 
 .directive('tabs', function() {
   return {
     restrict: 'E',
     replace: true,
-    scope: {
-      animation: '@',
-      controllerChanged: '&',
-      tabsType: '@',
-      tabsStyle: '@',
-    },
+    scope: true,
     transclude: true,
     controller: 'TabsCtrl',
     //templateUrl: 'ext/angular/tmpl/ionicTabBar.tmpl.html',
     template: '<div class="content"><tab-controller-bar></tab-controller-bar></div>',
     compile: function(element, attr, transclude, tabsCtrl) {
       return function($scope, $element, $attr) {
+
+        $scope.tabsType = $attr.tabsType || 'tabs-positive';
+        $scope.tabsStyle = $attr.tabsStyle;
+        $scope.animation = $attr.animation;
+
         $scope.$watch('activeAnimation', function(value) {
           //$element.removeClass($scope.animation + ' ' + $scope.animation + '-reverse');
           $element.addClass($scope.activeAnimation);
diff --git a/js/ext/angular/src/directive/ionicTabBar.js b/js/ext/angular/src/directive/ionicTabBar.js
index 140b985837..d1f2cb70a4 100644
--- a/js/ext/angular/src/directive/ionicTabBar.js
+++ b/js/ext/angular/src/directive/ionicTabBar.js
@@ -39,24 +39,26 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
   };
 
   $scope.controllers = this.controllers;
+
+  $scope.tabsController = this;
 }])
 
 .directive('tabs', function() {
   return {
     restrict: 'E',
     replace: true,
-    scope: {
-      animation: '@',
-      controllerChanged: '&',
-      tabsType: '@',
-      tabsStyle: '@',
-    },
+    scope: true,
     transclude: true,
     controller: 'TabsCtrl',
     //templateUrl: 'ext/angular/tmpl/ionicTabBar.tmpl.html',
     template: '<div class="content"><tab-controller-bar></tab-controller-bar></div>',
     compile: function(element, attr, transclude, tabsCtrl) {
       return function($scope, $element, $attr) {
+
+        $scope.tabsType = $attr.tabsType || 'tabs-positive';
+        $scope.tabsStyle = $attr.tabsStyle;
+        $scope.animation = $attr.animation;
+
         $scope.$watch('activeAnimation', function(value) {
           //$element.removeClass($scope.animation + ' ' + $scope.animation + '-reverse');
           $element.addClass($scope.activeAnimation);