Je rencontre un problème étrange, où j'ai un événement de clic, met à jour une valeur, je vois la mise à jour de la console mais le HTML ne change pas.
TS html Je ne vois aucune erreur dans la console ni le serveur
3 Réponses :
Essayez d'utiliser un objet plutôt primitif. J'ai remarqué que la liaison de l'angulaire ne fonctionne pas très bien avec les primitives.
TS P>
<button (click)="displayTooltipMessage(true)">Press me</button>
{{toggleTooltip.value}}
Je ne pense pas que cela va résoudre le problème, mais essayez de définir un type à votre variable: et assurez-vous que ces lignes de code sont à l'intérieur de votre composant exporté. < / p>
Je pense où vous modifiez la variable dans le code, vous devrez utiliser NGZONE. ceci est similaire à Détection de changement de déclenchement manuellement dans Angulaire
Vous passez toujours
true de sorte que cela.toggletooltip devient toujoursvrai , mais il devrait à la première fois changer de faux à true.correct. Mais même la première fois que les changements de la première fois @fatemefazli
Je viens d'essayer ce code dans Stackblitz et ça marche pour moi: Stackblitz.com/edit/angular-zhsqqd < / a> Cela passe de FALSE à TRUE sur l'écran.
Fonctionne pour moi à Stackblitz, peut-être qu'il y a quelque chose qui ne va pas avec le reste de votre configuration. Stackblitz.com/edit/angular-DFYK77
C'est bizarre peut-être que le problème est d'ailleurs.
Merci tout le monde. Je suis si confus. Je sais que c'est une question très fondamentale. C'est juste bizarre que cela ne fonctionne pas. Je ferai plus de recherches sur mon environnement
Si vous initialisez
toggletooltip = true , le voyez-vous dans la sortie HTML? Sinon, essayez de supprimer le bouton (ou autre chose jusqu'à ce que vous trouviez la cause du problème).@CONNORSFAN J'ai mis à jour ma question. Je l'ai suivi. Semble être un problème avec le conteneur NG
@Deborahk j'ai mis à jour ma question. Après avoir essayé de suivre la question
Quel est le la balise à l'intérieur de l'autre? Aussi: Où est
toggletooltip défini? Dans le boutonApp-bouton ou dans le composant parent?Pourriez-vous cliquer sur le lien pour la Stackblitz i Publié et la mise à jour pour démontrer votre problème? Je ne vois pas tout à fait comment le code mis à jour correspond au code posté à l'origine.
@Deborahk, code mis à jour est notre composant parent et est le composant réel avec le bouton "Appuyez sur moi".
@CONNORSFAN THE TOGGLETOOLTIP est à l'intérieur du bouton de l'application
Je viens de mettre à jour la Stackblitz pour ajouter le code comme décrit et cela fonctionne toujours bien pour moi: Stackblitz.com/edit / angulaire-zhsqqd