¿Cómo lograr el diseño de paginación / tabla con Angular.js?
Digamos que recibo un objeto literal con más de 15 objetos y necesito mostrarlos en un diseño agradable (no todos en una fila). ¿Cuál es el método más eficiente para controlar cuándo debe romperse la línea / debería terminar la página?
En este momento estoy usando ng-repeat en las filas de la tabla, y el resultado es una tabla larga y delgada con una columna.
Editar para aclarar. Podría tener objetos dentro de objetos / más params. Aquí está mi objeto:
$scope.zones = [
{"name": "Zone 1",
"activity": "1"},
{"name": "Zone 2",
"activity": "1"},
{"name": "Zone 3",
"activity": "0"},
{"name": "Zone 4",
"activity": "0"},
{"name": "Zone 5",
"activity": "0"},
{"name": "Zone 6",
"activity": "0"},
{"name": "Zone 7",
"activity": "1"},
{"name": "Zone 8",
"activity": "0"},
{"name": "Zone 9",
"activity": "0"},
{"name": "Zone 10",
"activity": "0"},
{"name": "Zone 11",
"activity": "1"},
{"name": "Zone 12",
"activity": "1"},
{"name": "Zone 13",
"activity": "0"},
{"name": "Zone 14",
"activity": "0"},
{"name": "Zone 15",
"activity": "1"},
];