title: AngularJS tabs example and IE8
body: <p>I am using the tabs example on the AngularJS homepage. I essentially just pulled that code out verbatim so it looks like this:</p>
  
  <pre><code>app.directive('tabs', function() {
      return {
          restrict: 'E',
          transclude: true,
          scope: {},
          controller: function($scope, $element) {
              var panes = $scope.panes = [];
  
              $scope.select = function(pane) {
                  angular.forEach(panes, function(pane) {
                      pane.selected = false;
                  });
                  pane.selected = true;
              }
  
              this.addPane = function(pane) {
                  if (panes.length == 0) $scope.select(pane);
                  panes.push(pane);
              }
          },
          template:
              '&lt;div class="tabbable"&gt;' +
                  '&lt;ul class="nav nav-tabs"&gt;' +
                  '&lt;li ng-repeat="pane in panes" ng-class="{active:pane.selected}"&gt;'+
                  '&lt;a href="" ng-click="select(pane)"&gt;{{pane.title}}&lt;/a&gt;' +
                  '&lt;/li&gt;' +
                  '&lt;/ul&gt;' +
                  '&lt;div class="tab-content" ng-transclude&gt;&lt;/div&gt;' +
                  '&lt;/div&gt;',
          replace: true
      };
  });
  
  app.directive('pane', function() {
          return {
              require: '^tabs',
              restrict: 'E',
              transclude: true,
              scope: { title: '@' },
              link: function(scope, element, attrs, tabsCtrl) {
                  tabsCtrl.addPane(scope);
              },
              template:
                  '&lt;div class="tab-pane" ng-class="{active: selected}" ng-transclude&gt;' +
                      '&lt;/div&gt;',
              replace: true
          };
      })
  </code></pre>
  
  <p>This is working great except in IE8 the actual tabs that you click on to change the current tab are missing and I get this console error:</p>
  
  <pre><code>  Error: No controller: tabs&lt;div class=tab-pane title="Change Log" ng-class="{active: selected}" ng-transclude&gt;
  </code></pre>
  
  <p>What could be going wrong in IE8?</p>