javascript - Can not get table value after click on button using angular.js -

i have 1 problem.i can not table value in console after click on button using angular.js .i explaining code below.

 <span class="input-group-btn">     <button class="btn btn-default" type="button" ng-click="exportdata();">export</button>     </span> <div class="table-responsive dashboard-demo-table"  id="exportable" style="display:none;">     <table class="table table-bordered table-striped table-hover">         <thead>        <tr>         <th>date</th>         <th>product name</th>         <th>discount</th>         <th>offer</th>         <th>unit cost price</th>         <th>unit sale price</th>         <th>quantity</th>         <th>shipping charge</th>         <th>specification</th>         <th>display sale price</th>        </tr>        </thead>         <tbody>        <tr   ng-repeat="rep in listofreportdata ">         ----------------------------        --------------------------------        </tr>        </tbody>     </table> </div> 

when user clicking on export button array of data($scope.listofreportdata) displaying on table. chcek controller code below.

 $scope.exportdata=function(){     $http({             method:'post',             url:"php/getproductreportdata.php",             data:prodata,             headers: { 'content-type': 'application/x-www-form-urlencoded' }         }).then(function successcallback(response){               $scope.listofreportdata=response.data;                      console.log('export',document.getelementbyid('exportable').innerhtml);         },function errorcallback(response) { }) } 

here trying check total table in console after data available there not happen that.i need check table in console after table has full of data.please me.