0
votes

Angulaire 7: impossible d'afficher l'IMG

Je fais la chose comme cet exemple angulaire JS: https://jsbin.com/gumaraz/edit?htmllutput

Mais je dois faire avec Angular 7 et j'ai essayé de mettre à niveau le code de Angular.js vers angular mais ne peut rien afficher

composant.html xxx

composant.ts xxx

mon code (Stakblitz): https://stackblitz.com/edit/angular-55OJR

Quelqu'un peut-il m'aider s'il vous plaît


4 commentaires

N'est pas votre faute. Lorempixel Utilisez http pendant que vous utilisez https. Si vous ouvrez l'onglet Réseau, vous verrez quelque chose comme ceci: la page à .... a été chargé sur https, mais a demandé une image non sécurisée 'http://lorempixel.com/400/200/'. Ce contenu doit également être servi sur https. Vous pouvez essayer de créer votre application et d'essayer d'ouvrir l'index.html généré pour voir si, dans ce cas, fonctionne.


ok laisse-moi essayer tq


mate j'ai été mis à jour mon q


Vous pouvez essayer de toute manière possible. Mais si vous créez un fichier index.html dans le bureau avec le code Ça fonctionnera amende. Si vous mettez le même code dans une page HTML dans la page angulaire. C'est parce que l'utilisation angulaire HTTPS tandis que la page HTML standard ne fait pas par défaut (c'est un peu vide car il est juste une page autonome W / 0 un serveur Web)


3 Réponses :


0
votes

Essayez ceci (survolez le réseau surtout https ) xxx

si vous souhaitez définir la hauteur et la largeur dynamique, essayez de définir à l'aide d'une variable.

exemple de travail


7 commentaires

TQ Mate Malheureusement toujours ne peut toujours pas afficher et l'erreur de la console affiche: obtenez https://lorempixel.com/%7b%7bwidthlength%7D%7D/%7B%7BHeight Ength% 7d% 7D / 404 (non trouvé) < / code>


Strange, pouvez-vous coller votre code sur Stackblitz? Je suis curieux de vérifier pourquoi ne pas travailler de votre côté, soit vous écrivez probablement du code sur mauvais endroit


@Pardepjain Son URL n'est pas interpolée.


@Antoniossss Oui, c'est pourquoi mentionné en réponse à la hauteur et à la largeur dynamique


Droit n'a pas remarqué cela.


tq mate réellement je fais la chose comme cet exemple: jsbin.com/gumaraz/edit?htmllluttput mais l'exemple est angulaire JS et j'ai besoin de jouer par angular donc j'ai utilisé {{largeur longueur}} {{hauteur longueur}} ici est ici mon code inachevé: imgur.com/a/fkiylleh quelqu'un peut me donner des conseils?


Arrêtez de coller des images, mettez à jour votre question et inclure le code là-bas.



1
votes

Votre URL est malformée. Vous essayez d'obtenir des ressources comme

https://lorempixel.com/ {{largeur longueur}} / {{hauteurLengt} qui ne fait évidemment pas exister. Préparez votre URL correctement comme votre largeur de largeur et HauteurLength ne sont pas résolus.

Je ne peux que supposer que ce sont des variables de composants / locales, de sorte que cela devrait être plus comme

imageURL = http://lorempixel.com/$ {largeur longueur} / $ {hauteurLength} / ; En cas de variables locales, ou cela.widthlength et ainsi de suite en cas de champ de composant


2 commentaires

TQ Mate en fait, je fais la chose comme cet exemple: Jsbin.com/gumaraz/edit?htmlilluput Mais l'exemple est un JS anguleux et j'ai besoin de jouer par angular alors j'ai utilisé {{widthlength}} {{hauteurlength}} Voici mon code inachevé: imgur.com/a/fkiyle que tout le monde peut me donner des conseils?


1) Supprimer cette valeur d'initialisation de l'image muette. 2) Appelez que le témoin () quelque part ..... 3) arrêter de coller des images et inclure le code réel 4) encore mieux, inclure l'exemple de travail sur Stackblitz.



0
votes

Depuis que vous avez édité votre question avec le code réel:

  1. supprimer cette valeur d'initialisation factice
  2. Call PRESTER () quelque part
  3. Utilisez https XXX

    Si vous aurez toujours des problèmes avec cela, préparez-vous au travail Stackblitz et partager le lien. < / p>


1 commentaires

Préparer stackblitz