Угловые Datatables: нельзя вызвать функцию destroy/edit

Question

Я не могу получить доступ к API-методам, указанным в этом doc, а также описанный метод уничтожения here.

HTML-:

<table datatable dt-instance="dtInstance" dt-options="dtOptions" dt-columns="dtColumns" class="table-striped"> 
      </table> 

В мой контроллер у меня есть:

a.dtInstance = {}; 

    var getTableData = function() { 
     var deferred = $q.defer(); 
     deferred.resolve(tablecontent_array); 

     return deferred.promise; 
    }; 

    a.dtOptions = DTOptionsBuilder.fromFnPromise(getTableData()) 
      .withPaginationType('full_numbers'); 

    a.dtColumns = [ 
        DTColumnBuilder.newColumn('id').withTitle('ID').notVisible(), // 
        DTColumnBuilder.newColumn('groupby').withTitle('Group By').notSortable(), 
        DTColumnBuilder.newColumn('value').withTitle('value').notSortable() 
       ] 

'tablecontent_array' содержит данные.

Когда я пытаюсь изменить/уничтожить таблицу, я получаю сообщение об ошибке.

a.dtInstance.rerender() 

Сообщение об ошибке:

TypeError: a.dtInstance.rerender is not a function 

Моя цель состоит в том, чтобы изменить таблицу после определенных действий пользователя. Данные таблицы в рендеринге отлично. Но я не могу получить доступ к каким-либо его API-методам.

Может быть, я ошибаюсь, делая это, я новичок в угловом формате, любая помощь/предложения по этой проблеме будут полезны.

Answer 1

После того, как я задал вопрос в течение нескольких дней, я попытался создать plnkr, как это было предложено в комментарии. Оказывается, я не использовал правильные версии данных, Angular и множество других библиотек. Исправлено это, и проблема была решена.

Даже тогда моя цель добавления/добавления новых столбцов (ов) не была разрешена угловым способом. Однако некоторые люди опубликовали возможные решения, используя jQuery datatables.