angular-click-outside

WebJar for angular-click-outside

License	ISC
Categories	IDE Development Tools Angular User Interface Web Frameworks CLI
GroupId	org.webjars.npm
ArtifactId	angular-click-outside
Last Version	1.2.0
Release Date	Jan 4, 2018
Type	jar
Description	angular-click-outside WebJar for angular-click-outside
Project URL	http://webjars.org
Source Code Management	https://github.com/twhitbeck/angular-click-outside

Download angular-click-outside

Filename	Size
angular-click-outside-1.2.0.pom
angular-click-outside-1.2.0.jar	5 KB
angular-click-outside-1.2.0-sources.jar	22 bytes
angular-click-outside-1.2.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/angular-click-outside/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>angular-click-outside</artifactId>
    <version>1.2.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/angular-click-outside/
implementation 'org.webjars.npm:angular-click-outside:1.2.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/angular-click-outside/
implementation ("org.webjars.npm:angular-click-outside:1.2.0")

Apache Buildr

'org.webjars.npm:angular-click-outside:jar:1.2.0'

Apache Ivy

<dependency org="org.webjars.npm" name="angular-click-outside" rev="1.2.0">
  <artifact name="angular-click-outside" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='angular-click-outside', version='1.2.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "angular-click-outside" % "1.2.0"

Leiningen

[org.webjars.npm/angular-click-outside "1.2.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

angular-click-outside

A simple angular 1.x directive to execute code when clicking outside of an element

Get it

npm install angular-click-outside --save

Use it

• Include script in your html

<script src="node_modules/angular-click-outside/angular-click-outside.js"></script>

• Add the tw.directives.clickOutside module to your module's list of dependencies:

angular.module('app', ['tw.directives.clickOutside'])

• Use the twClickOutside directive.

<div class="menu" tw-click-outside="hideMenu()">
...
</div>

Ignoring the event

If you don't want the twClickOutside to fire under certain circumstances (e.g. you don't need to hide the menu if it's already hidden), use the ignoreIf attribute:

<button ng-click="showMenu()">Show Menu</button>
<div class="menu" tw-click-outside="hideMenu()" ignore-if="menuAlreadyHidden()">
...
</div>

Use this to:

• avoid side effects of hideMenu()
• avoid cost of hideMenu() if it is more expensive to run than menuAlreadyHidden()

Developing/testing

Use npm install && npm start to open the example in your browser with live reloading via browserSync

Versions

Version
1.2.0 Jan 4, 2018
1.1.1 Jul 15, 2016