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 P>
composant.html p> composant.ts p> mon code (Stakblitz):
https://stackblitz.com/edit/angular-55OJR P> Quelqu'un peut-il m'aider s'il vous plaît p> p>
3 Réponses :
Essayez ceci (survolez le réseau surtout si vous souhaitez définir la hauteur et la largeur dynamique, essayez de définir à l'aide d'une variable. P> exemple de travail P > p> https code>)
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.
Votre URL est malformée. Vous essayez d'obtenir des ressources comme p>
https://lorempixel.com/ {{largeur longueur}} / {{hauteurLengt} qui ne fait évidemment pas exister. Préparez votre URL correctement comme votre Je ne peux que supposer que ce sont des variables de composants / locales, de sorte que cela devrait être plus comme p>
imageURL = largeur de largeur code> et HauteurLength code> ne sont pas résolus. P>
http://lorempixel.com/$ {largeur longueur} / $ {hauteurLength} / code>;
En cas de variables locales, ou cela.widthlength code> et ainsi de suite en cas de champ de composant p>
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.
Depuis que vous avez édité votre question avec le code réel:
PRESTER () CODE> quelque part LI>
-
Utilisez https p>
XXX PRE> LI>
ol> Si vous aurez toujours des problèmes avec cela, préparez-vous au travail Stackblitz et partager le lien. < / p> p>
Préparer stackblitz
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. Code> 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
html> 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)