Der verwöhnte Delphi-Programmierer hat unter Javascript zu leiden.
In dieser Tabelle (kontostand.component.html) wurde nichts angezeigt
<h2>Kontostand</h2>
<table class="kontostandRecords">
<tr>
<th>Datum</th>
<th>Bezeichnung</th>
<th>Betrag</th>
</tr>
<tr *ngFor="let konto of kontostandRecords"
[class.selected]="konto === selectedKonto">
<td>{{konto.datum | date: 'dd.MM.yy'}}</td>
<td><a routerLink="/kubea/detail/{{konto.id}}">{{konto.kurz}}</a></td>
<td class="wnfDM">{{konto.betrag}}</td>
</tr>
</table>weil in der Datei (kontostand.component.ts) ein falscher Name für kontostandRecords verwendet wurde:
export class KontostandComponent implements OnInit {
kontenRecords: KontoRecord[];
...
getKontostand(): void {
this.kubeaService.getKontostand()
.subscribe(konto => this.kontenRecords = konto);
...
}nach der Korrektur von kontenRecords auf kontostandRecords
export class KontostandComponent implements OnInit {
kontostandRecords: KontoRecord[];
...
getKontostand(): void {
this.kubeaService.getKontostand()
.subscribe(konto => this.kontostandRecords = konto);
}
}funktioniert die Anzeige des Kontostandes.