raw html element after ng-repeat using directive

HTML

<div ng-app="myApp">
    
    <div ng-controller="myCtrl">
        
    <table class="myDirective">
    <tr ng-repeat="customer in customers">
        <td>{{customer.firstname}}</td>
        <td>{{customer.lastname}}</td>
    </tr>
  </table>

        
    </div>
</div>

JavaScript

var App = angular.module('myApp',[]);

App.controller('myCtrl',myCtrl);

myCtrl.$inject = ["$scope"];

function myCtrl($scope){

     $scope.customers=[
         {
             "firstname":"hello",
             "lastname" : "world"
         
         },
         {
         
             "firstname" : "goo",
             "lastname" : "yes"
         
         
         }
     
     
     
     ]

  }


App.directive('myDirective',myDirective);

function myDirective(){
   
    return {
        restrict:'AEC', //element or class or attribitue
        link:function(scope,ele,attrs) {
        
          var element = angular.element(ele);
            console.log(ele);
        
        }
    
    
    
    }



}