I'm currently in the process of developing my website and I want to showcase an image from my database on the header.
Each customer is assigned a unique logo based on their ID, but I'm unsure how to use Angular to display it.
Below is my code so far:
A component that retrieves the image using the customer ID:
logo: string;
companyName: string;
ngOnInit() {
this.currentLang = this.translate.getDefaultLang();
this.languages = this.translate.getLangs();
this.activatedRoute.queryParams.subscribe((params: Params) => {
const customerId = params["customerId"];
if (customerId) {
this.userService.getCustomer(customerId)
.subscribe(customer => {
this.logo = customer.logo, this.companyName = customer.name
});
}
});
}
Now, I need help with displaying the selected logo:
<div class="logo">
<span class="logo-type"><img src="{{ customer.logo }}"></span>
</div>