AngularJS - podwójny wiersz w thead - zastosowanie ng-repeat z jednego obiektu

Question

Witam, zdaję sobie sprawę z zawiłości mojego tytułu, ale ciężko mi to wytłumaczyć w jednym zdaniu.

A więc od początku - mam obiekt przechowujący nazwy miesięcy oraz ilość dni, która im przypada:

{
    "miesiac": "Styczeń",
    "ileDni": 31
  },
  {
    "miesiac": "Luty",
    "ileDni": 28
  },  etc...

Chciałbym by mój thead tabeli dzielił się na dwa wiersze (prócz pierwszego rekordu - Ucznia) - wiersz górny pokazywałby nazwę miesięcy, a dolny liczbę dni dla każdego z miesięcy (czyli np pod styczniem byłoby 31 kolumn).

Próbowałem do tego takiego zapisu by ustalić zasięg dla każdego miesiąca:

$scope.range = function (n) {
      return Array.from({ length: n}, (v, k) => k + 1);
};

Mój thead nastomiast wygląda tak:

<thead>
    <tr>
        <th class="podzielonyNaglowekTabeli">
            Uczeń
        </th>
        <th class="text-center nowrap" ng-repeat="mies in dniMiesiecy">
            {{mies.miesiac}}
        </th>
    </tr>
    <tr>
        <th class="text-center nowrap" ng-repeat="n in range(mies.ileDni)">
            {{n}}
        </th>
    </tr>
</thead>

Niestety cały czas nic - drugi <tr> nie jest w ogóle wyświetlany, tak jakby cały czas był jakiś błąd. W dodatku moja JS'owa funkcja z jakiegoś powodu wywala błąd. Im więcej kombinuję z rowspanami, colspanami czy tr'ami tym bardziej się w tym mieszam.

Answer 1

Dobra - błąd jest tu:

<th class="text-center nowrap" ng-repeat="n in range(mies.ileDni)">
      {{n}}
</th>

zmienna mies jest niezdefiniowana. Zobacz, że ng-repeat kończy się wyżej :) ( w momencie zamknięcia tagu th

Comments

Dzięki, jutro jeszcze dokładniej to sprawdzę i się odezwę :)

---

Byle do 13, bo potem lecę na wesele : D