Utilizing *ngFor, I am sending an array from typescript to the HTML page.
kitUser: any=[];
constructor(private service: AdminService) { }
ngOnInit() {
this.service.getKSignUps().subscribe(res=>{
this.kitUser=res;
console.log(this.kitUser);
});
}
On the HTML page,
<tr *ngFor="let item of kitUser ">
<td>
{{ item.kitchenName }}
</td>
<td>
{{ item.kitchenNumber }}
</td>
<td>
{{ item.kitchenEmail }}
</td>
<td>
{{ item.kitchenPassword }}
</td>
<td>
{{ item.kitchenAddress }}
</td>
<td>
{{ item.kitchenDescription }}
</td>
</tr>
However, I am encountering an issue where nothing is being displayed on the browser. After trying various solutions, it seems that my *ngFor directive is not working properly. I would appreciate any guidance on resolving this issue. Thank you.