AngularJs Datatables не могут перебирать столбцы в html с помощью ng-repeat

Привет, я работаю над таблицами данных Angularjs и пытаюсь перебирать столбцы и строки с помощью ng-repeat, но это не работает. Я проверил документ, но не смог найти точный способ передачи столбцов и записей в html.

function CustomElementCtrl(DTOptionsBuilder, DTColumnBuilder) {  
    var vm = this;  
    vm.dtOptions = DTOptionsBuilder.fromSource('data.json')  
        .withDOM('<"custom-element">pitrfl');  
    vm.dtColumns = [  
        DTColumnBuilder.newColumn('id').withTitle('ID'),  
        DTColumnBuilder.newColumn('firstName').withTitle('First name'),
        DTColumnBuilder.newColumn('lastName').withTitle('Last name').notVisible()
    ];
}
Here the dtColumns are manually created and the dtOptions are directly assigned from json, but I want to assign columns also from json.
And why I can't use ng-repeat on html to iterate both columns and rows
rather then like this <table datatable="" dt-options="showCase.dtOptions"   dt-columns="showCase.dtColumns" class="row-border hover">

Спасибо,