Angular Bootstrap: как показать всплывающее окно на основе триггера дочерних элементов?

Демонстрационная скрипта

Я хотел бы показать текст справки с помощью всплывающего окна для всей группы полей, а не для каждого отдельного input.

В скрипке я просто использую триггер mouseenter, чтобы показать, как он должен выглядеть, но на самом деле я хочу, чтобы он запускался на focus для любого ввода, но чтобы всплывающее окно располагалось на основе родительского элемента.

В неугловой земле я бы запускал пользовательское событие (скажем, groupenter), когда какое-либо из полей находится в фокусе, и чтобы всплывающее окно прослушивало это событие. Я также отменил бы соответствующее событие groupleave, чтобы всплывающее окно не мерцало, когда я перемещаюсь по полям ввода.

Какой угловой способ сделать это здесь?

(Я думаю, что этот патч помогает, но он только что зафиксировал несколько дней назад)


person thatmarvin    schedule 01.05.2013    source источник


Ответы (1)


Все работает!

Мне пришлось разветвить tooltip.js чтобы добавить 'groupenter': 'groupleave' к triggerMap, так как нет общедоступного API для добавления на карту.

person thatmarvin    schedule 01.05.2013
comment
Я понимаю, что вы уже ответили на этот вопрос, но я думаю, что более угловатым способом может быть использование моделей $scope. Если вы можете наблюдать за переменной, чтобы увидеть, становится ли она истинной или ложной, вы можете иметь ng-focus="show=true" ng-blur="show=false" или что-то в этом роде. - person ProLoser; 04.05.2013