Включить подсказку angular-ui для пользовательских событий

вот такой трюк.

Twitter Bootstrap tooltips (что угловой-UI полагается на) есть возможность указать событие триггера с дополнительным атрибутом, как в data-trigger="mouseenter". Это дает вам способ изменения триггера программно (с угловым):

<input 
  ng-model="user.username"
  name="username"
  tooltip="Some text" 
  tooltip-trigger="{{{true: 'mouseenter', false: 'never'}[myForm.username.$invalid]}}" 
/>

когда username долларов недействительным,tooltip-triggerвыражение будет оценено как 'mouseenter' и подсказка появится. В противном случае триггер будет иметь значение 'never', который в свою очередь не запустите подсказку.

EDIT:

@cotten (в комментариях) упоминает сценарий, в котором всплывающая подсказка застревает и не уходит, даже если модель действительна. Это происходит, когда мышь остается над полем ввода во время ввода текста (и модель становится допустимой). Как только проверка модели оценивается в true,tooltip-triggerперейдет в "никогда".

UI Bootstrap использует так называемый triggerMap чтобы определить, на каких событиях мыши показывать / скрывать подсказка.

// Default hide triggers for each show trigger
var triggerMap = {
  'mouseenter': 'mouseleave',
  'click': 'click',
  'focus': 'blur'
};

как вы можете видеть, эта карта ничего не знает о событии "никогда", поэтому она не может определить, когда закрыть подсказку. Таким образом, чтобы сделать трюк играть красиво нам нужно только обновить эту карту с нашей собственной пары событий и UI Bootstrap будет знать, какое событие наблюдать для закрытия всплывающей подсказки, когда tooltip-trigger имеет значение "никогда".

app.config(['$tooltipProvider', function($tooltipProvider){
  $tooltipProvider.setTriggers({
    'mouseenter': 'mouseleave',
    'click': 'click',
    'focus': 'blur',
    'never': 'mouseleave' // <- This ensures the tooltip will go away on mouseleave
  });
}]);

PLUNKER

_{Примечание: $ tooltip provider предоставляется пользовательский интерфейс.загрузчик.tooltip " модуль, и это позволяет нам глобально настроить наши подсказки в конфигурации приложения.}