Comment afficher une image en local par angularjs
J'ai besoin d'afficher une image dans angularjs(Fichier en local). par
<img src="imagename.jpg"> and <img ng-src={{imagename.jpg}}
ce deux methonds. je ne peux pas l'afficher.
Toute aide sera appréciée.
Votre deuxième exemple ne fonctionne pas car il essaie de données-liaison à partir de
Il ne montre pas toutes les erreurs.
$scope
. Angulaire des choses, en tant que $scope.imagename.jpg
, ce qui n'est pas ce que vous voulez faire 🙂 est-ce que votre console d'afficher les erreurs?Il ne montre pas toutes les erreurs.
OriginalL'auteur ImMathan | 2013-12-25
Vous devez vous connecter pour publier un commentaire.
Vous êtes probablement à obtenir une erreur avec
$sce
dans lequel la source de l'image n'est pas digne de confiance.Vient de passer le
$sce
service en tant que dépendance et l'utilisationtrustAsResourceUrl
de sorte que Angulaires ne va pas jeter l'erreur.Vous pouvez ensuite utiliser le $champ d'application de la propriété que l'img src comme ceci:
Ma réponse comprend le balisage.
Sa ne fonctionne pas : (. html ng-app="myapp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans titre</title> </head> <body> <div ng-controller="myCtrl"> <img ng-src="{{myImgSrc}}"> </div> </body> </html>
var myapp=angular.module('myapp',[]); app.controller('myCtrl', function($scope, $sce) { $scope.myImgSrc = $sce.trustAsResourceUrl('/Abc_Mobiles/assets/www/partials/345i0iwf.jpg'); });
C'est mon code.En disant "ça ne marche pas" n'est pas suffisamment d'informations. Ce n'est pas de travail? Inspecter l'élément sur la page, est la src ensemble? Existe-il des erreurs dans la console? Aussi, vous l'avez mentionné dans votre de le modifier à l'aide de la balise img directement ne fonctionne pas. Si c'est le cas, votre erreur probablement ne pas avoir à faire avec angulaire. Il semble à vous comme vous avez des serveurs de fichiers ou de problème. Pouvez-vous faire une démo sur jsbin?
OriginalL'auteur m59