Estoy creando una tabla a partir de los datos que me retorna un servicio, esto en la ruta vreporte/1 (El 1 varia dependiendo del reporte).
Desde el servicio 1 ( vreporte/1 ) llegan datos así:
{teatro: "Unico", graph: 24696, box: 150100}
Pero desde el servicio 2 (vreporte/2) llegan así.
{teatro: "Unico", graph: 24696, *valtarj*: 150100}
Y desde el servicio 3 (vreporte/3) así
{teatro: "Unico", graph: 24696, oxs: 150100, pkl: 432 }
El problema está en que la tabla solo me está imprimiendo los datos para el primer tipo de reporte debido a que en el ng-repeat tengo especificados los nombres de las llaves.
<div class="row header">
<div class="col" ng-repeat="titulo in titulosTabla">{{titulo | capitalize}}</div>
</div>
<div class="row" ng-repeat="dato in tabla | filter:q | orderBy:'box':true">
<div class="col">{{dato.teatro}}</div>
<div class="col">{{dato.graph | number:0}}</div>
<div class="col">{{dato.box | number:0}}</div>
</div>
Tabla del reporte uno
Tabla del reporte dos
La idea es que en la misma ruta pueda hacer las tablas de todos los reportes.
Hay forma de hacer mas flexible la tabla o el ng-repeat de tal manera que acepte otros nombres de las columnas y/o nuevas columnas??