Angenommen, ich erhalte ein Objektliteral mit mehr als 15 Objekten und muss sie in einem schönen Layout anzeigen (nicht alle in einer Reihe). Was ist die effizienteste Methode, um zu steuern, wann die Zeile umbrechen / die Seite enden soll?

Im Moment benutze ich ng-repeat für Tabellenzeilen und das Ergebnis ist eine lange, dünne Tabelle mit einer Spalte.

Zur Verdeutlichung bearbeiten. Könnte Objekte innerhalb von Objekten / mehr Parametern haben. Hier ist mein Objekt:

$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"},
    ];