Ich habe ein Formular, das zu einem Winkel verdrahtet ist und es zur Validierung verwendet. Ich kann Fehlermeldungen mit den folgenden ng-show-Anweisungen anzeigen:

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

.. wof ist die Form undt3 stammt aus einer benutzerdefinierten Anweisung auf dem Formular, die erkennt, ob eine Übermittlung versucht wurde, und enthält Funktionen zum Überprüfen der Gültigkeit von Feldern.

Was ich versuche zu erreichen, ist, Validierungsnachricht (en) stattdessen in einem Popover anzuzeigen. Entweder das native Popover des Bootstraps oder das Popover vonUI-BootstrapIch habe beide geladen. Ich kann auch AngularStrap in Betracht ziehen, wenn es mit dieser Bibliothek einfacher ist.

Was ich gerade zu tun habe, ist die Art der Popover im Allgemeinen - sie werden automatisch basierend auf Benutzerereignissen wie Klicken, Mauseingabe, Unschärfe usw. angezeigt. Was ich tun möchte, ist, die Popover basierend auf denselben anzuzeigen und auszublenden Funktionen in den ng-show-Attributen oben. Wenn der Ausdruck false zurückgibt, blenden Sie ihn aus und wenn er true zurückgibt, zeigen Sie ihn an.

Ich weiß, dass Bootstrap das .popover ('show') dafür hat, aber ich soll nichts über den Dom sagen, also bin ich mir nicht sicher, wie ich Zugriff auf $ (element) .popover () bekommen würde, wenn Dies erfolgt in einer benutzerdefinierten Form Controller-Funktion. Vermisse ich etwas?

Aktualisieren

Die in der Duplikatabstimmung erwähnte Lösung zeigt immer noch nur das Popover auf mouseenter. Ich möchte die Anzeige erzwingen, als ob dies der Fall wäre$('#popover_id').popover('show').