DtInstance empty in angular uib tabs

- angular version: 1.5.8
- jquery version: 3.2,1
- datatables version: 1.10.16
- angular-datatables version 0.6.2:

In a table inside an uib tab:

<uib-tabset active="active">
     <uib-tab index="0" heading="Lavori da fare">
         <table width="100%"
                                           datatable=""
                                           dt-instance="dtInstance"
                                           dt-options="dtOptions"
                                           dt-columns="dtColumns"
                                           class="table table-striped table-bordered table-hover">
         <thead>
         </thead>
         </table>
</uib-tab>
</uib-tabset>

The dtInstance object is always empty… if the table is outside the tabset, all works ok.

Suggestion?

Thanks

[l-lin]

What if you transform you dtInstance as a function instead?

$scope.dtInstance = function(dtInstance) {
  console.log(dtInstance);
}

I’m sorry, I don’t really know how where the issue is. It’s better if you reproduce your code in a plnkr or fiddlejs or something alike as I can debug over there.

[zendu]

Using function for dtInstance solved problem for me. 😃