2014-02-08 2 views
2

Я тестирую новый AngularStrap v2. Есть ли лучший способ отсрочить всплывающую подсказку. Я не хочу, чтобы пользователь всегда видел всплывающую подсказку, только когда он/она навешивается более чем на 2 секунды выше чего-то. С атрибутом «delay» он всегда показывает. Это может раздражать, хотя через некоторое время.Угловой ремень пользовательских задержек

<button type="button" class="btn btn-default" data-trigger="hover" data-delay="1000" type="button" title="Edit" data-placement="left" bs-tooltip="tooltip"><span class="glyphicon glyphicon-edit"></span></button> 

Спасибо за любые подсказки!

ответ

1

От Docs используйте опцию:

delay: { show: 500, hide: 100 } 

Вы также можете переопределить значение по умолчанию для всех подсказках:

angular.module('mgcrea.ngStrapDocs') 

.config(function($tooltipProvider) { 
    angular.extend($tooltipProvider.defaults, { 
    html: true, 
    delay: { show: 5000, hide: 4000 } 
    }); 
}) 

Демо Plunker

+0

Thx для ответа. Это не совсем то, что я имел в виду. Я хочу, чтобы всплывающая подсказка показывала, не наведет ли мышь не менее 2 секунд над объектом. Если всплывающая подсказка никогда не открывается ... – Tino

+2

Вы можете использовать [commas] (https://github.com/mgcrea/angular-strap/commit/1568231fd24a55b12d0d689628681264a661c583), чтобы установить задержку, например. 'data-delay =" 5000,4000 "' – fracz

+0

@downvoter, что не так в моем ответе. укажите описание –

0

Этот способ будет работать:

<button type="button" class="btn btn-default" data-trigger="hover" data-delay="5000,4000" type="button" title="Edit" data-placement="left" bs-tooltip="tooltip"><span class="glyphicon glyphicon-edit"></span></button> 

Вы должны будете использовать данные задержку = «5000,4000» в шаблоне

Смежные вопросы