Tengo una forma que está conectada a angular, usándola para validación. Puedo mostrar mensajes de error usando directivas de ng-show así:

<span ng-show="t3.f.needsAttention(f.fieldName)" ng-cloak>
    <span ng-show="f.fieldName.$error.required && !f.fieldName.$viewValue">
        This field is required.
    </span>
</span>

.. dóndef es la forma, yt3 proviene de una directiva personalizada en el formulario que detecta si se intentó un envío y contiene funciones para verificar la validez de los campos.

Lo que estoy tratando de lograr es mostrar los mensajes de validación dentro de una ventana emergente. Ya sea el popover nativo de bootstrap, o el popover desdeUI Bootstrap, He cargado los dos. También puedo considerar AngularStrap si es más fácil hacerlo usando esa lib.

Con lo que estoy luchando ahora mismo es la naturaleza de los popovers en general: se muestran automáticamente en función de los eventos de los usuarios, como clic, mouseenter, blur, etc. Lo que quiero hacer es mostrar y ocultar los popover (s) basados ​​en el mismo funciones en los atributos ng-show arriba. Para que cuando la expresión devuelva falso, ocúltelo, y cuando devuelva verdadero, muéstrelo.

Sé que bootstrap tiene el .popover ('show') para esto, pero se supone que no debo decir nada angular sobre el dominio, así que no estoy seguro de cómo obtendría acceso a $ (element) .popover () si haciendo esto en una función de controlador de formulario personalizado. ¿Me estoy perdiendo de algo?

Actualizar

La solución mencionada en el voto duplicado aún muestra la ventana emergente en mouseenter. Quiero forzarlo para que se muestre, como si lo estuviera haciendo.$('#popover_id').popover('show').