Não é possível carregar o local de arquivos jpg no meu angularjs projeto

Question

Eu comecei um pequeno angularjs projeto de aplicativo usando o yeoman gerador-angular.

Ao adicionar arquivos jpg para o app/pasta de imagens, e tenta usar uma marca ligando para um destes arquivos jpg, eles não aparecem no browser.

Quando utilizar ficheiros png tudo ok (Usando o mesmo caminho absoluto /imagens/imagem.e png /images/image.jpg).Se eu usar uma URL remota para um arquivo jpg tudo funciona bem.

O que estou ausente aqui?Eu tenho o mesmo problema usando a tag.Ao usar um caminho absoluto local, não funciona e quando eu usar uma url remota está tudo bem.

Muito obrigado pelo seu tempo e ajuda.

Answer 1

Você está usando html5mode?Em caso afirmativo e se você estiver usando o Connect-ModRewRite para reescrever URLs para index.html, certifique-se de ter excluído arquivos JPG e JPEG.Eu encontrei recentemente o mesmo problema e não percebi que minha regra de reescrita estava excluindo imagens de PNG, mas não JPEG.

Answer 2

Você precisa usar uma expressão angular {{}} para ng-src para o trabalho.

Por exemplo, usando esta marcação html:

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

com um controlador como:

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

vai permitir angular para carregar, fazer a sua magia, e, em seguida, referenciar correctamente a origem da imagem do path variável realizada em $scope a partir do controlador.

Outra coisa, a imagem de trys para carregar a partir do src atributo ainda não teve tempo para obter um valor ainda.

Penteados em uma plunker: http://plnkr.co/edit/6jMDp96we0S7DGyGTtxw?p=preview