Masquer Angulaire UI Bootstrap liste en cliquant sur l'extérieur

Je suis en train de fermer manuellement un bootstrap liste pour obtenir la fermeture quand je clique n'importe où sur la document ou body qui n'est pas la liste.

La chose la plus proche que j'ai trouvé pour régler ce problème est de créer une directive (trouvé cette réponse) mais c'est pour un déclenchement manuel, si une variable est vrai ou faux.

Quelqu'un pourrait-il m'aider à comprendre comment obtenir de fermer si je clique sur quelque chose qui n'est pas la liste?

Je n'ai pas l'esprit à l'aide de jQuery $(document).click(function(e){}); j'ai juste aucune idée de comment faire pour appeler un proche.

<div id="new_button" popover-template="plusButtonURL" popover-placement="right" popover-append-to-body="true" popover-animation="false">+</div>

Normalement popover-trigger="focus" ferait l'affaire, mais ma liste contient du contenu qui doit être cliqué. J'ai un ng-click à l'intérieur de ma liste qui est ignoré si j'utilise le l'accent déclenchement donc je suis à la recherche d'un pas-si-classique moyen de contourner cela.

  • Pourriez-vous fournir un plunkr ou jsfiddle pour nous de plug-and-play?
  • voici
  • angular-ui.github.io/bootstrap << regarder ici. Il est celui que vous recherchez -- nom "Cliquez-moi". (tsi dit: je suis apparu sur le se concentrer! Cliquez à l'extérieur et je vais disparaître... (c))
InformationsquelleAutor bryan | 2015-05-28