<div class="container"> <div class="row" id="transactions"> <div class="col"> <table class="transactionsTable" *ngIf="transactions; else noTransactions"> <thead> <th>Type</th> <th>Amount</th> <th>Transaction ID</th> <th>Confirmed in block</th> <th>Timestamp</th> </thead> <tr *ngFor="let transaction of transactions"> <!--<td *ngIf="{{ transaction.amount }} < 0; else received">SENT</td> <td #received>RECEIVED</td>--> <td>{{ transaction.type }}</td> <td>{{ transaction.amount | coinNotation }}</td> <td>{{ transaction.id }}</td> <td>{{ transaction.confirmedInBlock }}</td> <td>{{ transaction.timestamp * 1000 | date:'medium' }}</td> </tr> </table> </div> <div class="row"> <div class="col"> <ng-template #noTransactions>Looks like you haven't made any transactions yet.</ng-template> </div> </div> </div> </div>