@Drovosek01

Как вывести ngFor под определённым элементом другого ngFor?

Имеется такой код
<div class="middle-content" *ngFor="let year of years">
    <a class="middle-content_top-indent" (click)="log(year)">{{year}}</a>
    
    <ul class="list-of-month" *ngFor="let month of months">
      <li>
        <span class="list-of-month__marker"></span>
        <a href="#">{{month}}</a>
      </li>
    </ul>
</div>

То есть перечисление годов, и под каждым годом перечисление месяцов:
5b71ad26949b7406037806.png
Нужно вывести перечисление месяцов, только под определенным годом.
Как это сделать?
  • Вопрос задан
  • 180 просмотров
Решения вопроса 1
0xD34F
@0xD34F
Я так понимаю, список месяцев должен разворачиваться по клику на год. Добавьте свойство activeYear, в обработчике клика выполняйте соответствующее присваивание, а в список месяцев (кстати, у вас там косячок - элементом списка является не ul, а li, так что ngFor стоит переместить) добавьте *ngIf="year === activeYear". Типа так.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
22 мая 2022, в 11:50
3000 руб./за проект
22 мая 2022, в 11:44
1000 руб./за проект
22 мая 2022, в 11:20
20000 руб./за проект