Угловой DataTable не заполняется DTInstance

Question

Я не получаю свой DtInstance, заполненный после рендеринга. Любой человек столкнулся с этой проблемой.

<div ng-controller="InventoryTableController as vm"> 
      <table datatable="" dt-options="vm.dtOptions" dt-columns="vm.dtColumns" 
       dt-instance="vm.dtInstance" 
       class="display table table-bordered table-striped table-hover"></table> 
     </div> 

Answer 1

я был в состоянии исправить это с помощью этой https://github.com/l-lin/angular-datatables/issues/365

Проблема была из-за меня инициализируется dataHolder как этот

vm.dtInstance = {}; 

Это фиксированный, когда я изменил его в vm.dtInstance = null; даже vm.dtInstance = undefined обыкновения Работа.

Answer 2

Для меня даже vm.dtInstance = null; не работал. Я закончил работу с источником директивы и обнаружил, что dt-instance также может быть функцией setter. Это решило проблему для меня.

vm.setDTInstance = function(dtInst){ 
    vm.myTable = dtInst; 
}; 

Answer 3

Просто добавьте мои 2 цента здесь.

Для меня эта проблема была решена путем решения @rosshays в теме: https://github.com/l-lin/angular-datatables/issues/345

Update дек 2017 4: По @trainoasis предложению, я копирую решение здесь.

В контроллере

$scope.nested = {}; 
$scope.nested.dtInstance = {} 

И в вашем HTML

<table 
    datatable="" 
    class="table table-striped table-hover table-bordered table-condensed" 
    dt-options="dtOptions" 
    dt-columns=dtColumns 
    dt-instance="nested.dtInstance"> 
</table>