insérer une image avec le chemin relatif dans angular2
J'essaie d'insérer une image dans angular2.
Mon nom est enregistré dans mypicture
variable.
J'ai essayé de cette façon <img [src]="../../../public/img/{{mypicture}}" />
mais il ne fonctionne pas.
Je vois cette erreur dans la console:
Error: Uncaught (in promise): Template parse errors:
Parser Error: Got interpolation ({{}}) where expression was expected
<img [src]="'../../../public/img/' + mypicture" />
ne fonctionne pas?OriginalL'auteur splunk | 2016-05-15
Vous devez vous connecter pour publier un commentaire.
Au lieu de le faire
contacter le chemin d'accès complet avant de liaison
par exemple:
html
OriginalL'auteur Tawfiq abu Halawah
Vous avez juste besoin d'un mélange de "et".
Que c'est.
Rapide et facile à fixer.
OriginalL'auteur Manpreet singh
Propriété de liaison permet de vous lier à la propriété une expression. Vous pouvez lire à ce sujet l'expression d'un modèle ici: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#modèle-expressions
En général, ce que vous pouvez mettre sur le côté droit est ce que vous mettez dans votre accolades pour l'interpolation, de sorte que {{expression}}, vous ne pouvez pas utiliser l'interpolation dans ce cas. Donc, vous auriez besoin d'avoir le chemin d'accès à votre image dans votre composante du bien et puis vous venez de lier le bouton [src] pour votre propriété directement. Comme:
Juste au cas où vous auriez encore à interpoler la chaîne de cette façon, vous pouvez aller pour:
OriginalL'auteur Jakub Szumiato