MF
для этого надо предвадительно разбить масив на массивы группированные по датам
Size: a a a
2019 October 16
MF
и потом двумя ngFor все это выводишь
MF
что вообщем-то ты и сказал....
M
по идее, при инициализации компонента с отрисовкой таблицы создать цикл прохода по данным и в отдельно созданный массив скинуть все даты. этот новый массив и станет внешним ngFor. Несколько... двойная работа блин какая-то. хоть и тоже решение, да.
MF
по идее, при инициализации компонента с отрисовкой таблицы создать цикл прохода по данным и в отдельно созданный массив скинуть все даты. этот новый массив и станет внешним ngFor. Несколько... двойная работа блин какая-то. хоть и тоже решение, да.
а данные точно отсортированы?
MF
если нет — то это не двойная работа
M
в моём случае да. в случае с хаточными данными ngFor был бы не нужен т.к. даты ставить смысла не было.
M
ну так то из-за создания второго ngFor тут уже двойная работа. Сейчас поищу есть ли способ менять переменную в *.ts из тэга <tr> (по-моему самое экономное решение) и если нет, то надо будет смотреть как эти пайпы могут вытащить ситуацию.. об их потенциальных возможностях(в моей ситуации) я не в курсе.
MF
ну так то из-за создания второго ngFor тут уже двойная работа. Сейчас поищу есть ли способ менять переменную в *.ts из тэга <tr> (по-моему самое экономное решение) и если нет, то надо будет смотреть как эти пайпы могут вытащить ситуацию.. об их потенциальных возможностях(в моей ситуации) я не в курсе.
пайп просто меняет входное значение на другое
MF
грубо говоря, у нас есть (опуская детали):
class IncrementPipe {
transform (a) {
return a + 1;
}
}
{{ 2 | increment }} // выведет 3MF
ну так то из-за создания второго ngFor тут уже двойная работа. Сейчас поищу есть ли способ менять переменную в *.ts из тэга <tr> (по-моему самое экономное решение) и если нет, то надо будет смотреть как эти пайпы могут вытащить ситуацию.. об их потенциальных возможностях(в моей ситуации) я не в курсе.
так же вы можете проверять, сменилась ли дата для каждого следующего элемента:
зато 1
<ng-container *ngFor="let item of items; let index=index">но это так себе
<tr
*ngIf="
index === 0
|| compareItemDates(items[index-1], item)
"
>
Заголовок {{ item.date }}
</tr>
<tr>Запись {{ item.date }}</tr>
</ng-container>
зато 1
*ngForMF
тут еще несколько минусов
MF
но да пофиг
M
но да пофиг
))) всё равно спасибо.
M
&& compareItemDates(items[index-1], item) если это и правда возможно, то это то что нужно, т.к. по сути появление дополнительного tr и требовало сравнение с датой предыдущего объекта.
MF
&& compareItemDates(items[index-1], item) если это и правда возможно, то это то что нужно, т.к. по сути появление дополнительного tr и требовало сравнение с датой предыдущего объекта.
только я еще поправил тот код (там первый заголовок не рисовался, перед первым элементом всегда рисуем)
S
что же вы творите
M
*бормочет что-то на хинди* )))
D
что же вы творите
)