uib-tooltip : conditionnellement afficher ou de masquer les info-bulle
Je veux conditionnellement activer/désactiver une info-bulle sur un bouton.
Je l'ai fait pour tester la désactivation de l'état:
<button type="button"
uib-tooltip="test" tooltip-is-open="false">
</button>
Mais l'info-bulle affiche.
Comment faire pour désactiver les info-bulle?
Merci
OriginalL'auteur user1260928 | 2016-08-01
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser
tooltip-enable="flag"
oùflag
est une valeur Booléenne définie dans votre contrôleur en se basant sur une logique d'entrepriseEt voici une plunker pour outil de pointe activer/désactiver
Les navigateurs de ne pas tirer des événements de la souris sur désactivé éléments, mais une solution de contournement peut être pour envelopper votre bouton externe dans une div et mettre votre info-bulle de la directive sur le conteneur div. Vous aussi, vous avez besoin pour le style de votre bouton désactivé, de sorte que son z-index est inférieur à ce wrapper, dans l'état désactivé. J'ai mis à jour le plunker. Espérons que cela aide.
Merci. J'ai copié votre div/code du bouton de mon point de vue, mais lorsque le bouton est censé être désactivé, il est invisible.
un problème de z-index. J'ai changé à 0. Bouton apparaît désactivé, mais infobulle pas à l'affiche.
Il y aurait un certain style de problème dans votre code. Veuillez vérifier que. Aussi
tooltip-is-open
travaille dans le plunker j'ai partagé. S'il vous plaît créer un plunker mettre en lumière les problèmes auxquels vous êtes confrontés.OriginalL'auteur Amit
Ce scénario n'est pas tout à fait correspondre à ce que vous recherchez, mais j'ai trouvé que j'avais besoin d'utiliser une combinaison de l'info-bulle-trigger="none" et l'info-bulle-est-ouvert. Par exemple:
J'espère que ça aidera quelqu'un.
OriginalL'auteur Ian Yoder