feat(tabs): adds an opt-out option for disconnecting tab scopes

src/components/tabs/js/tabsDirective.js

@@ -60,6 +60,7 @@
  * @param {boolean=} md-center-tabs When enabled, tabs will be centered provided there is no need for pagination
  * @param {boolean=} md-no-pagination When enabled, pagination will remain off
  * @param {boolean=} md-swipe-content When enabled, swipe gestures will be enabled for the content area to jump between tabs
+ * @param {boolean=} md-no-disconnect If your tab content has background tasks (ie. event listeners), you will want to include this to prevent the scope from being disconnected
  *
  * @usage
  * <hljs lang="html">
@@ -94,7 +95,8 @@ function MdTabs ($mdTheming, $mdUtil, $compile) {
       centerTabs:    '=?mdCenterTabs',
       selectedIndex: '=?mdSelected',
       stretchTabs:   '@?mdStretchTabs',
-      swipeContent:  '=?mdSwipeContent'
+      swipeContent:  '=?mdSwipeContent',
+      noDisconnect:  '=?mdNoDisconnect'
     },
     template: function (element, attr) {
       attr["$mdTabsTemplate"] = element.html();

src/components/tabs/js/templateDirective.js

@@ -24,9 +24,11 @@ function MdTemplate ($compile, $mdUtil, $timeout) {
       scope.$on('$destroy', reconnect);
     }
     function disconnect () {
+      if (ctrl.scope.noDisconnect) return;
       $mdUtil.disconnectScope(compileScope);
     }
     function reconnect () {
+      if (ctrl.scope.noDisconnect) return;
       $mdUtil.reconnectScope(compileScope);
     }
   }