Я конвертирую некоторые шаблоны PHP Twig в новый проект Angular5, и я застрял в том, как обрабатывать простой цикл.
В моем исходном шаблоне Twig у меня есть цикл данных, который я перебираю, который включает столбец Month. Данные уже отсортированы по месяцам, и я использую это для создания заголовка для каждого месяца в цикле путем сохранения переменной, например:
{% set savedMonth = '' %}
{% for result in results %}
{% set thisMonth = result.month %}
{% if savedMonth != thisMonth %}
<tr bgcolor='#c0c0c0'>
<td colspan='5' align='left'>{{ thisMonth }}</td>
</tr>
{% set savedMonth = thisMonth %}
{% endif %}
<tr>
<td valign='top' align='left'><a href='{{ path("app_view_index", { 'id': doc.id }) }}'>{{ doc.id }}</a></td>
</tr>
{% endfor %}
Это упрощенный пример, но вы можете видеть, что мы ищем изменение поля, поэтому я могу вставить свою цветовую строку с месяцем в начале каждого изменения.
Сейчас я пытаюсь сделать то же самое в Angular5, но я не могу понять, как сделать цикл с * ngFor и сделать этот вид сохранения. Это вообще возможно?
<tr *ngFor="let result of searchResults">
<td align="left" class="home"><a [routerLink]="['/view', result.id]">{{ result.id }}</a></td>
<td align="left" class="home">Subjects here</td>
</tr>