Mam formularz, który jest podłączony do kanciastego, używając go do walidacji. Jestem w stanie wyświetlać komunikaty o błędach za pomocą dyrektyw ng-show w następujący sposób:

<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>

.. gdzief jest formą it3 pochodzi z niestandardowej dyrektywy na formularzu, który wykrywa, czy próbowano dokonać zgłoszenia, i zawiera funkcje do sprawdzania ważności pól.

To, co próbuję osiągnąć, to wyświetlenie wiadomości sprawdzających poprawność w popover. Albo rodzimy popover bootstrap, albo popover zBootstrap interfejsu użytkownika, Oboje załadowałem. Mogę również rozważyć AngularStrap, jeśli jest to łatwiejsze przy użyciu tej biblioteki.

W tej chwili zmagam się z naturą popovers w ogóle - wyświetlają się automatycznie na podstawie zdarzeń użytkowników, takich jak kliknięcie, mouseenter, rozmycie itp. Chcę pokazać i ukryć popover (y) na podstawie tego samego funkcje w atrybutach ng-show powyżej. Tak więc, gdy wyrażenie zwraca false ukryj to, a gdy zwraca true, pokaż to.

Wiem, że bootstrap ma w tym celu .popover ('show'), ale nie powinienem nic mówić o domenie, więc nie jestem pewien, jak uzyskać dostęp do $ (element) .popover (), jeśli robi to w funkcji kontrolera niestandardowego formularza. Czy czegoś mi brakuje?

Aktualizacja

Rozwiązanie wymienione w duplikacie głosowania pokazuje tylko popover na mouseenter. Chcę zmusić go do wyświetlania, jak gdyby to robił$('#popover_id').popover('show').