angular-numeric-directive

WebJar for angular-numeric-directive

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

angular-numeric-directive
Last Version

Last Version

0.9.8
Release Date

Release Date

Type

Type

jar
Description

Description

angular-numeric-directive
WebJar for angular-numeric-directive
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/epeschier/angular-numeric-directive

Download angular-numeric-directive

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/angular-numeric-directive/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>angular-numeric-directive</artifactId>
    <version>0.9.8</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/angular-numeric-directive/
implementation 'org.webjars.npm:angular-numeric-directive:0.9.8'
// https://jarcasting.com/artifacts/org.webjars.npm/angular-numeric-directive/
implementation ("org.webjars.npm:angular-numeric-directive:0.9.8")
'org.webjars.npm:angular-numeric-directive:jar:0.9.8'
<dependency org="org.webjars.npm" name="angular-numeric-directive" rev="0.9.8">
  <artifact name="angular-numeric-directive" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='angular-numeric-directive', version='0.9.8')
)
libraryDependencies += "org.webjars.npm" % "angular-numeric-directive" % "0.9.8"
[org.webjars.npm/angular-numeric-directive "0.9.8"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.npm : angular jar [1.3.0,1.4)

Project Modules

There are no modules declared in this project.

angular-numeric-directive

NPM

Build Status Code Climate Test Coverage NPM

This angular directive prevents the user from entering non-numeric values.

  • There are checks on min and max values. When the value falls below the minumum the value is set to the minumum value. When the value exceeds the maxiumum, the value is set to the maximum. If the limit-min or limit-max attributes are set to false, the min or max values remain untouched.
  • Formatting is done on the blur event; thousand separator and decimal are based on the current Angular locale.
  • The number of decimals can be set.

Install:

bower install angular-numeric-directive --save

npm install angular-numeric-directive --save

Usage:

  1. Include the numeric-directive as a dependency for your app.

    angular.module('myApp', ['purplefox.numeric'])
  2. Use the directive in your view:

<input numeric min="-20" max="100" decimals="3" />

Attributes

max: maximum input value. Default undefined (no max)

min: minimum input value. Default 0.

decimals: number of decimals. Default 2.

formatting: apply thousand separator formatting. Default true.

limit-max: limit input to max value (value is capped). Default true. If set to false, the angular validations can be done like normal.

limit-min: limit input to min value (value is capped). Default true. If set to false, the angular validations can be done like normal.

Versions

Version
0.9.8