Сервер возвращает такие данные
ЖМЯК
Небольшое пояснение:
Первые три объекта (их может быть любое количество и называться могут абсолютно рандомно) это сами поля (cell). Внутри каждого есть его ширина, данные самой ячейки и куда ссылаться при нажатии(link_to).
Так же есть record_id и linked_record_id они нужны для link_to. Грубо говоря, нужно будет по нажатию перенаправлять юзера по адресу link_to/record_id(или linked_record_id зависит от условий для конкретного link_to).
Собственно вопрос - как оформить вывод этих данных на фронте через datatable на angular 1.
С js у меня плоховато, а с ангуляром еще хуже, потому прошу ткнуть носом в нужную часть документации. Возможно будет необходимо перестроить.
Ранее было так:
$('.js-datatable').dataTable({
'processing': true,
'ajax': '/desktop/api/lookups/',
'columns': [
{
data: 'job_address',
"width": "50%",
"createdCell": function (td, cellData, data, row, col) {
$(td)
.attr('data-record_id', data.record_id)
.on('click', function () {
$state.go('job-addresses.item', {record_id: $(this).data('record_id')});
});
}
},
{
data: 'customer_name',
"width": "40%",
"createdCell": function (td, cellData, data, row, col) {
$(td)
.attr('data-linked_record_id', data.linked_record_id)
.on('click', function () {
$state.go('customers.item', {record_id: $(this).data('linked_record_id')});
});
}
},
{
data: 'updated_at',
"width": "10%"
}
]
});
Теперь нужно пересмотреть логику работы, т.к. у каждого запроса свои поля и держать для этого отдельные вьюхи - не выгодно. Вот собственно и вопрос, как правильно сделать вывод этих данных?
Прошу сильно не пинаться, использовать гугл для js задач не научился еще.