Hello
    
       
Lorem ipsum dolor sit amet
  
        
          
       
World
    
       Mauris elementum elementum enim at suscipit.    
       
counter: {
   {i || 0}}
  
      
     angular.module('docsTabsExample', []).directive('myTabs', function() {  return {    restrict: 'E',    transclude: true,    scope: {},    controller: function($scope) {      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);      };    },    templateUrl: 'my-tabs.html'  };}).directive('myPane', function() {  return {    require: '^myTabs',    restrict: 'E',    transclude: true,    scope: {      title: '@'    },    link: function(scope, element, attrs, tabsCtrl) {      tabsCtrl.addPane(scope);    },    templateUrl: 'my-pane.html'  };});my-tabs.html:
     
  
      
    
       
      {
   {pane.title}}    
  
      
  
      
     
my-pane.html:
     

 

angular.module('docsTabsExample', []).directive('myPane', function() {  return {    require: ['^myTabs', '^ngModel'],    restrict: 'E',    transclude: true,    scope: {      title: '@'    },    link: function(scope, element, attrs, controllers) {      var tabsCtrl = controllers[0],          modelCtrl = controllers[1];      tabsCtrl.addPane(scope);    },    templateUrl: 'my-pane.html'  };});