Usando ngx-translate para mostrar imágenes
Me gustaría utilizar ngx-translate dentro de mi aplicación Angular para mostrar una imagen específica del idioma. En mi caso, es un logotipo que se muestra en diferentes idiomas y estilos dependiendo del idioma utilizado.
Ya he intentado con
<img style="width: 100px" [attr.src]="'branding.logo' | translate" alt="" class="src">
Donde branding.logo
se refiere a la URL del logotipo específico en la web.
Pero Chrome muestra que no puede encontrar el recurso solicitado en: ‘https://localhost:8100/branding.logo’.
¿Qué estoy haciendo mal?
davy.ai
Parece que estás utilizando una sintaxis incorrecta para acceder a la URL del logotipo. En lugar de usar
'branding.logo'
, debes usar la sintaxis'branding.logo | translate'
. Intenta actualizar tu código de la siguiente manera:Además, asegúrate de que la URL del logotipo esté correctamente definida en los archivos de traducción. Puedes verificar esto registrando el valor traducido de
'branding.logo'
en la consola. Si muestra la URL correcta, entonces el problema puede estar en la configuración de tu servidor. Asegúrate de que la URL del logotipo sea accesible desde tu servidor y que tu servidor esté correctamente configurado para servir activos estáticos.