bower install https://github.com/Dcode-Evo/window-leave.git --save-dev
app = angular.module('testApp', [
'windowLeave'
]);<body ng-app="testApp">
...
<div class="leave" window-leave dismiss-on="none">
Some text here
<button ng-click="dismiss()">Dismiss</button>
</div>
...
</body>- enable: {boolean}
- dismiss-on: {string}, dissmis the message
- "mouseenter": default if not specified, dismiss when mouse enters the page
- "outsideBox": when mouse is back and is not in the message box
- use
boxattribute to specify the box element (class, id), default is the directive's element
- use
- "click": dismiss on click anywhere, prevents the default actions of links, needs workaround
- "none": disable auto dismiss
- dismiss-delay: define the time to wait before dismiss when "outsideBox"
- leave-direction: {string} define the side of the window when the box should trigger
- 'top' | 'left' | 'right' | 'bottom'
- if not set the box will always trigger on window leave, even alt+tab
- delay: {int} milliseconds, the tme after which the message will be shown
- default (2000)
- in-class: the class to add when the user is back in the window/document (default:
in) - out-class: the class to add when the user leaves the window/document (default:
out) - opened: status of the module true/false accessible to the external scope
- on-open: provide a function to execute on box display
use dismiss() methtod inside the directive to close the message