No se puede cargar el local de los archivos jpg en mi proyecto de angularjs

Question

He empezado una pequeña aplicación angularjs proyecto con yeoman del generador-angular.

Cuando la adición de archivos jpg a la aplicación/carpeta de imágenes, y tratar de usar una etiqueta de enlace a uno de estos archivos jpg, que no se muestran en el navegador.

Cuando el uso de archivos png de todo es ok (Utilizando la misma ruta absoluta /images/imagen.png y /images/image.jpg).Si yo uso una URL remota a un archivo jpg que todo funciona bien.

Lo que me estoy perdiendo aquí?Tengo el mismo problema que el uso de la etiqueta.Cuando el uso de un local de ruta de acceso absoluta, no funciona, y cuando yo uso una url remota todo está bien.

Muchas gracias por su tiempo y ayuda.

Answer 1

¿Estás usando HTML5Mode?Si es así, y si está utilizando Connect-Modrewrite para reescribir las URLs a index.html, asegúrese de haber excluido los archivos JPG y JPEG.Recientemente encontré el mismo problema y no me di cuenta de que mi regla de reescritura estaba excluyendo las imágenes PNG, pero no JPEG.

Answer 2

Usted necesita usar un angular de expresión {{}} para ng-src para el trabajo.

Por ejemplo, el uso de este lenguaje de marcado html:

<div ng-controller="MyCtrl">
  <img ng-src="{{ path }}" />
</div>

con un controlador como:

function MyCtrl($scope) {
    $scope.path = 'https://si0.twimg.com/profile_images/';
};

permitirá angular para cargar, haga su magia y, a continuación, correctamente referencia a la fuente de la imagen de la path variable que se celebró en $scope desde el controlador.

Otra cosa, la imagen trys a la carga de la src atributo no ha tenido tiempo para obtener un valor todavía.

Demo en un plunker: http://plnkr.co/edit/6jMDp96we0S7DGyGTtxw?p=preview