tengo un inconveniente con angular, quiero consumir un servicio que me trae una información en un arreglo mediante ngOnInit, el servicio me carga correctamente el arreglo pero ngFor no visualiza los datos. al momento de escribir en consola el arreglo me visualiza la información correcta y no me muestra ningún error éste es el código del component:
ngOnInit() {
this.idDocument = this._route.snapshot.paramMap.get('idDoc');
this.idProcess = this._route.snapshot.paramMap.get('idProc');
console.log(this.idDocument);
if (this.idDocument !== null) {
this.rest.getFilesFromId(this.idDocument)
.subscribe(data => {
this.files = data;
console.log(this.files);
});
}
if (this.idProcess !== null) {
this.rest.getFilesFromProc(this.idProcess)
.subscribe(data => {
this.files = data;
console.log(this.files);
});
}
}
y el código html
<div class="cont_tabInfo">
<div class="cnt_signedDocument">
<div *ngFor="let fil of files " class="mr_signedDocument">
<div class="signedDocument" >
<div class="signedDocument_info">
<span class="signedDocument_name">{{fil.FileName}}</span>
<span class="signedDocument_id">{{fil.idFile}}</span>
</div>
<a href= {{fil.UrlDownload}} class="signedDocument_ico" target="_blank">
<img src="./assets/images/icons/download.svg" alt="Descargar" title="Descargar">
</a>
</div>
</div>
</div>
</div>
agradezco mucho la colaboración.