AngularJs Datatables not able to iterate columns on html using ng-repeat

Question

Hi I am working on Angularjs Datatables and trying to iterate the columns and rows using ng-repeat but its not working. I checked the document but not able to find the exact way to pass columns and records on html.

function CustomElementCtrl(DTOptionsBuilder, DTColumnBuilder) {  
    var vm = this;  
    vm.dtOptions = DTOptionsBuilder.fromSource('data.json')  
        .withDOM('&lt;"custom-element"&gt;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">

Thanks,

where you have used ng-repeat? and where have you assigned data to scope? — Kishore Barik, Apr 25 '16 at 06:10
@KishoreBarik On html like

{{column}}

{{record.name}} {{record.date}}
and on controller $scope.columns = resoponse.data; $scope.records = response.data; — Deepak Patidar, Apr 25 '16 at 06:23

score 0 · Answer 1 · answered Jan 01 '17 at 20:56

0

If you want to use the Angular way to bind the date your table must be like this

<table datatable="ng" class="row-border hover"></table>

as per docs.

answered Jan 01 '17 at 20:56

Momen Zakaria

31
2

Welcome to SO! When posting solutions to people's questions, it is important to include all the information in any link you include – bren Jan 01 '17 at 21:24
@MayorMonty What do you mean by all the information ? – Momen Zakaria Jan 03 '17 at 08:47

AngularJs Datatables not able to iterate columns on html using ng-repeat

1 Answers1