Hola usuario de nuestro sitio, hallamos la solución a lo que buscas, deslízate y la verás a continuación.
Solución:
Lo arreglé. Mi nombre de archivo de imagen real tenía espacios en él, y por alguna razón, a Angular no le gustó eso. Cuando eliminé los espacios de mi nombre de archivo, assets/images/myimage.png trabajó.
En mi proyecto estoy usando la siguiente sintaxis en mi app.component.html:
o
usar [src] como una expresión de plantilla cuando vincula una propiedad mediante interpolación:
![]()
es lo mismo que:
Fuente: ¿cómo vincular img src en angular 2 en ngFor?
Angular-cli incluye la carpeta de activos en las opciones de compilación de forma predeterminada. Recibí este problema cuando el nombre de mis imágenes tenía espacios o guiones. Por ejemplo :
- ‘my-image-name.png’ debería ser ‘myImageName.png’
- ‘mi nombre de imagen.png’ debe ser ‘miImageName.png’
Si coloca la imagen en la carpeta assets/img, entonces esta línea de código debería funcionar en sus plantillas:
Si el problema persiste, simplemente verifique si su archivo de configuración Angular-cli y asegúrese de que su carpeta de activos esté agregada en las opciones de compilación.
Recuerda que puedes mostrar esta reseña si te fue útil.