Хороший способ динамически открывать / закрывать всплывающее окно (или всплывающую подсказку), используя угловые, на основе выражения?
У меня есть форма, которая подключена в угловую, используя ее для проверки. Я могу отображать сообщения об ошибках, используя директивы ng-show, например:
<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>
.. гдеf
это форма, иt3
исходит из пользовательской директивы в форме, которая определяет, была ли предпринята попытка отправки, и содержит функции для проверки правильности полей.
То, что я пытаюсь сделать, это отобразить сообщения проверки в поповере вместо этого. Либо бутстрапродной поповер, или поповер изUI BootstrapЯ оба загрузил. Я также могу рассмотреть AngularStrap, если это проще сделать с помощью этой библиотеки.
Что я'В настоящее время я борюсь с природой всплывающих окон в целом - они автоматически отображаются на основе пользовательских событий, таких как щелчок мыши, появление мыши, размытие и т. д. Я хочу показать & скрыть всплывающие окна, основанные на тех же функциях в атрибутах ng-show выше. Так что, когда выражение возвращает ложь, скрыть его, а когда оно возвращает истину, показать его.
Я знаю, что у начальной загрузки есть .popover ('шоу') за это, но яЯ не должен ничего рассказывать об этом, так что яя не уверен, как бы я получил доступ к $ (element) .popover (), если бы делал это в пользовательской функции контроллера формы. Я что-то пропустил?
Обновить
Решение, упомянутое в двойном голосовании, все еще показывает только всплывающее окно при указании мыши. Я хочу заставить его отображать, как будто делаю.$('#popover_id').popover('show')