Requêtes Get image avec AngularJS

Question

Je suis le stockage de la chaîne source d'une image au format HTML dans le AngularJS contrôleur, cependant il donne une erreur 404 avant de l'angle de contrôleur est initialisé.

Voici le code HTML:

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

Angulaire de contrôleur:

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

Et l'erreur que j'obtiens (%7D%7D correspond à l' {{ dans le modèle).

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

Comment puis-je éviter cela? C'est, seulement la charge de l'image lorsque l'angle de contrôleur a été initialisé?

Answer 1

Essayez de remplacer votre src par ng-src pour plus d’informations voir la documentation:

En utilisant le balisage angulaire comme {{hachage}} dans un attribut src ne fonctionne pas bien : le navigateur va chercher de l’URL avec le texte littéral {{hachage}}, jusqu'à ce que le moment angulaire remplace l’expression à l’intérieur de {{hachage}}. La directive ngSrc résout ce problème.