fix(tabs): tabs will no longer assume that all tabs have no content i…

…f the first one doesn't

Closes #2398

src/components/tabs/js/tabsController.js

@@ -18,7 +18,7 @@
     ctrl.lastSelectedIndex = null;
     ctrl.focusIndex = 0;
     ctrl.offsetLeft = 0;
-    ctrl.hasContent = true;
+    ctrl.hasContent = false;
     ctrl.hasFocus = false;
     ctrl.lastClick = false;
 
@@ -46,11 +46,16 @@
       $scope.$watch('selectedIndex', handleSelectedIndexChange);
       $scope.$watch('$mdTabsCtrl.focusIndex', handleFocusIndexChange);
       $scope.$watch('$mdTabsCtrl.offsetLeft', handleOffsetChange);
+      $scope.$watch('$mdTabsCtrl.hasContent', handleHasContent);
       angular.element($window).on('resize', function () { $scope.$apply(handleWindowResize); });
       $timeout(updateInkBarStyles, 0, false);
       $timeout(updateHeightFromContent, 0, false);
     }
 
+    function handleHasContent (hasContent) {
+      $element[hasContent ? 'removeClass' : 'hasClass']('md-no-tab-content');
+    }
+
     function getElements () {
       var elements      = {};
 
@@ -147,19 +152,24 @@
             id:       $mdUtil.nextUid()
           },
           tab = angular.extend(proto, tabData);
-      if (!tabData.template) {
-        ctrl.hasContent = false;
-        $element.addClass('md-no-tab-content');
-      }
       if (angular.isDefined(index)) {
         ctrl.tabs.splice(index, 0, tab);
       } else {
         ctrl.tabs.push(tab);
       }
       processQueue();
+      updateHasContent();
       return tab;
     }
 
+    function updateHasContent () {
+      var hasContent = false;
+      angular.forEach(ctrl.tabs, function (tab) {
+        if (tab.template) hasContent = true;
+      });
+      ctrl.hasContent = hasContent;
+    }
+
     function removeTab (tabData) {
       ctrl.tabs.splice(tabData.getIndex(), 1);
       refreshIndex();
@@ -211,7 +221,7 @@
       if (!$scope.dynamicHeight) return $element.css('height', '');
       if (!ctrl.tabs.length) return queue.push(updateHeightFromContent);
       var tabContent    = elements.contents[$scope.selectedIndex],
-          contentHeight = tabContent.offsetHeight,
+          contentHeight = tabContent ? tabContent.offsetHeight : 0,
           tabsHeight    = elements.wrapper.offsetHeight,
           newHeight     = contentHeight + tabsHeight,
           currentHeight = $element.prop('clientHeight');