Keep angular-ui tab content wired to scope

Fixes Issue #28

Author: mikejacobson

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-bootstrap-scrolling-tabs",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "main": [
     "./dist/scrolling-tabs.js",
     "./dist/scrolling-tabs.css"

dist/scrolling-tabs.css

@@ -1,6 +1,6 @@
 /**
  * angular-bootstrap-scrolling-tabs
- * @version v1.1.0
+ * @version v1.2.0
  * @link https://github.com/mikejacobson/angular-bootstrap-scrolling-tabs
  * @author Mike Jacobson <[email protected]>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -56,9 +56,3 @@
 
 .scrtabs-tabs-fixed-container ul.nav-tabs > li {
   white-space: nowrap; }
-
-.scrtabs-tab-content-outside-movable-container {
-  clear: left; }
-
-.scrtabs-tab-content-outside-movable-container .nav-tabs {
-  display: none; }

dist/scrolling-tabs.js

@@ -1,6 +1,6 @@
 /**
  * angular-bootstrap-scrolling-tabs
- * @version v1.1.0
+ * @version v1.2.0
  * @link https://github.com/mikejacobson/angular-bootstrap-scrolling-tabs
  * @author Mike Jacobson <[email protected]>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -113,41 +113,15 @@
         var ehd = this,
             stc = ehd.stc,
             $tabsContainer = stc.$tabsContainer,
-            tabContentCloneCssClass = 'scrtabs-tab-content-clone',
-            $tabContentInMovableContainer = $tabsContainer.find('.scrtabs-tabs-movable-container .tab-content'),
-            $currTcClone,
-            $newTcClone;
-  
-        // if the tabs won't be changing, we can just move the
-        // the .tab-content outside the scrolling container right now
-        if (!options.isWatchingTabs) {
-          $tabContentInMovableContainer.show().appendTo($tabsContainer);
-          return;
-        }
+            $movableContainer = $tabsContainer.find('.scrtabs-tabs-movable-container'),
+            $tabContentInMovableContainer = $movableContainer.find('.tab-content'),
+            uibTabsetController = $movableContainer.find('> div').eq(0).data('$uibTabsetController');
 
-        /* if we're watching the tabs for changes, we can't just
-         * move the .tab-content outside the scrolling container because
-         * that will break the angular-ui directive dependencies, and
-         * an error will be thrown as soon as the tabs change;
-         * so we leave the .tab-content where it is but hide it, then
-         * make a clone and move the clone outside the scroll container,
-         * which will be the visible .tab-content.
-         */
-  
-        // create new clone
-        $newTcClone = $tabContentInMovableContainer
-                        .clone()
-                        .addClass(tabContentCloneCssClass);
-  
-        // get the current clone, if it exists
-        $currTcClone = $tabsContainer.find('.' + tabContentCloneCssClass);
-  
-        if ($currTcClone.length) { // already a clone there so replace it
-          $currTcClone.replaceWith($newTcClone);
-        } else {
-          $tabsContainer.append($newTcClone);
-        }
+        $tabContentInMovableContainer.show().appendTo($tabsContainer);
 
+        if (uibTabsetController) {
+          $tabContentInMovableContainer.data('$uibTabsetController', uibTabsetController);
+        }
       };
 
       p.refreshAllElementSizes = function () {
@@ -195,14 +169,6 @@
         return actionsTaken;
       };
 
-      p.removeTranscludedTabContentOutsideMovableContainer = function () {
-        var ehd = this,
-            stc = ehd.stc,
-            $tabsContainer = stc.$tabsContainer;
-  
-        $tabsContainer.find('.scrtabs-tab-content-outside-movable-container').remove();
-      };
-  
       p.setElementReferences = function () {
         var ehd = this,
             stc = ehd.stc,
@@ -731,18 +697,9 @@
             isOnTabsRefresh: options.isWatchingTabs
           });
         }
-  
-  
       }, 100);
     };
 
-    p.removeTranscludedTabContentOutsideMovableContainer = function() {
-      var stc = this,
-          elementsHandler = stc.elementsHandler;
-  
-      elementsHandler.removeTranscludedTabContentOutsideMovableContainer();
-    };
-  
     /**
      * Handles control arrows classnames
      *
@@ -928,7 +885,6 @@
           }
 
           if (!isWrappingAngularUITabset) {
-            scrollingTabsControl.removeTranscludedTabContentOutsideMovableContainer();
             scrtc.hasTabContentOutsideMovableContainer = false;
           }
 
@@ -962,7 +918,6 @@
               (attrs.watchTabs && attrs.watchTabs.toLowerCase() === 'true')) {
 
             if (isWrappingAngularUITabset) {
-              scrollingTabsControl.removeTranscludedTabContentOutsideMovableContainer();
               scrtc.hasTabContentOutsideMovableContainer = false;
             }