unexpected loop behavior when rendering templates.
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 42/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- javascript
- Domaine
- frontend
Piste de recherche
Commencez par reproduire le modèle fourni avec @repeat et @set, puis suivez le chemin de rendu du modèle qui gère les variables de boucle et les substitutions. Comparez-le avec l’exemple de boucle direct-DOM fonctionnel ; le travail est terminé lorsque l’exemple de modèle affiche les valeurs d’arrière-plan et de premier plan attendues sans le workaround.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Hello and thank you so much for this wonderful language!
Hyperscript completely solves all my tasks on the front end, with the exception of a small problem: SET command in the template's loop doesn't work.
The code from the example of using templates does not work:
<template id="color-template">
<ul>
@repeat in colors
@set bg to it -- this command return lenght of it, but not it as Object
@set fg to getContrastingColor(it) -- the same problem
<li style="background: ${bg}; color: ${unescaped fg}">${bg}</li>
@end
</ul>
</template>
And this code works:
<template id="color-template">
@repeat in colors
<li style="background: ${it}; color: ${getContrastingColor(it)}">${it}</li>
@end
</template>
I found a workaround: using loops directly in DOM elements (when more complex logic is required). I'm not very versed in JavaScript (that's why I chose Hyperscript) to send the pull request, but I hope that this bug causes inconvenience to someone else and it can be fixed.
- Langage dominant
- JavaScript
- Étoiles
- 3.8k
- Forks
- 169
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de bigskysoftware/_hyperscript
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
bigskysoftware/_hyperscript#688 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
bigskysoftware/_hyperscript#678 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
bigskysoftware/_hyperscript#676 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 62/100
bigskysoftware/_hyperscript#687 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
bigskysoftware/_hyperscript#685 ·
Toutes les issues de bigskysoftware/_hyperscript
Issues similaires
-
check:failed feeds:add
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
iptv-org/database#38938 · 2 commentaires ·
Les mainteneurs répondent en général sous 4 jours
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 66/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
rescript-lang/rescript#9182 ·
Les mainteneurs répondent en général sous 1 jour
-
Analysis
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
SACGF/variantgrid#2615 ·
Les mainteneurs répondent en général sous 1 jour
-
curriculum documentation quality
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
githubnext/gh-aw-workshop#5297 ·
Les mainteneurs répondent en général sous 1 jour