tmp fix for angular-ui#783: angular-ui#783

thanh-nguyen · Jan 15, 2014 · c692270 · c692270
1 parent ceb396f
commit c692270
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/tabs/tabs.js b/src/tabs/tabs.js
@@ -303,10 +303,14 @@ function($parse, $http, $templateCache, $compile) {
       if (!scope.$eval(attrs.tabsetTitles)) {
         elm.remove();
       } else {
-        //now that tabs location has been decided, transclude the tab titles in
-        tabsetCtrl.$transcludeFn(tabsetCtrl.$scope.$parent, function(node) {
-          elm.append(node);
-        });
+        // reference: https://github.com/angular-ui/bootstrap/issues/783
+        setTimeout(function() {
+          //now that tabs location has been decided, transclude the tab titles in
+          tabsetCtrl.$transcludeFn(tabsetCtrl.$scope.$parent, function(node) {
+            elm.append(node);
+          });
+          scope.$apply();
+        },1);
       }
     }
   };

diff --git a/template/tabs/tabset.html b/template/tabs/tabset.html
@@ -1,12 +1,12 @@
 
 <div class="tabbable" ng-class="{'tabs-right': direction == 'right', 'tabs-left': direction == 'left', 'tabs-below': direction == 'below'}">
-  <div tabset-titles="tabsAbove"></div>
+  <div tabset-titles="!tabsAbove"></div>
   <div class="tab-content">
     <div class="tab-pane" 
          ng-repeat="tab in tabs" 
          ng-class="{active: tab.active}"
          tab-content-transclude="tab">
     </div>
   </div>
-  <div tabset-titles="!tabsAbove"></div>
+  <!-- <div tabset-titles="!tabsAbove"></div> -->
 </div>