Solicitações de obtenção de imagem com o AngularJS

Estou armazenando a string de origem de uma imagem a ser renderizada em HTML no controlador AngularJS, no entanto, ela gera um 404 antes que o controlador Angular seja inicializado.

Aqui está o HTML:

Controlador angular:

  var Cont = function($scope) { $scope.imageSource = '/tests.png'; } 

E o erro que recebo ( %7D%7D corresponde ao {{ no modelo).

  GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) 

Como posso evitar que isso aconteça? Ou seja, apenas carrega a imagem quando o controlador Angular foi inicializado?

Tente replace o src pelo ng-src para mais informações, veja a documentação :

Usar a marcação Angular como {{hash}} em um atributo src não funciona corretamente: o navegador buscará a URL com o texto literal {{hash}} até que Angular substitua a expressão dentro de {{hash}}. A diretiva ngSrc resolve esse problema.

  

Se alguém estiver pesquisando a solução para estilizar a imagem de plano de fundo, use isto:

 
...