and i need to print some “printDay” by condition only once, how can i do it?
JavaScript
x
16
16
1
<div class="message" *ngFor="let message of messages">
2
<div *ngIf="lastMessageDate !== firstMessageDate " class="print-date" >{{printDay}}</div>
3
<div [ngClass]="{'message__sent': message.messageType === 'sent'}" class="message__wrap message-item">
4
<div class="message-item__data data">
5
<span class="data__title">{{message.name}} {{message.DATE | date: 'HH:mm'}}</span>
6
<div class="data__text">{{message.message}}</div>
7
<div class="data__file-wrap file-wrap" *ngIf="message.send_diagnostic_data">
8
<app-download-file (fileDownloadEvent)="downloadFile('log', message.UUID)"
9
[fileLabel]="'Отчет по логам'"></app-download-file>
10
<app-download-file (fileDownloadEvent)="downloadFile('telemetry', message.UUID)"
11
[fileLabel]="'Отчет по телеметрии'"></app-download-file>
12
</div>
13
</div>
14
</div>
15
</div>
16
Advertisement
Answer
If you want to print something only in the first child you can use first
directive:
JavaScript
1
4
1
<div *ngFor="let message of messages; first as isFirst">
2
<div *ngIf="isFirst"> {{ printSomething() }} </div>
3
</div>
4