Tengo la siguiente tabla como ven no me pinta las filas con los datos del lado del servidor el api get funciona correctamente
este el código html
<table class="table table-striped">
<tr *ngFor="let pd of service.list">
<td (click)="populateForm(pd)">{{pd.CardOwnerName}}</td>
<td (click)="populateForm(pd)">{{pd.CardNumber}}</td>
<td (click)="populateForm(pd)">{{pd.ExpirationDate}}</td>
<td>
<i class="far fa-trash-alt fa-lg text-danger" (click)="onDelete(pd.PMId)"></i>
</td>
</tr>
</table>
Servicio que llama el api GET
readonly rootURL = 'http://localhost:59035/api';
list : PaymentDetail[];
constructor(private http: HttpClient) { }
refreshList(){
this.http.get(this.rootURL + '/PaymentDetail/')
.toPromise()
.then(res => this.list = res as PaymentDetail[]);
}
En el ts de este componente lo cargo de esta manera
ngOnInit() {
this.service.refreshList();
debugger;
console.log(this.service.refreshList);
}
modelos
export class PaymentDetail {
PMId :number;
CardOwnerName: string;
CardNumber: string;
ExpirationDate: string;
CVV: string;
}
Pruebo el api desde postman y me trae los datos correctamente
en el debugger me sale lo siguiente
**formData: {PMId: 0, CardOwnerName: "", CardNumber: "", ExpirationDate: "", CVV: ""} http: HttpClient {handler: HttpInterceptingHandler} rootURL: "http://localhost:59035/api" **