# angular2-number-picker-jf

> A generic number picker Angular component (v. 2.0.0+) for Twitter Bootstrap

Latest version **0.8.10** (published 2017-01-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular2-number-picker-jf
pnpm add angular2-number-picker-jf
yarn add angular2-number-picker-jf
bun add angular2-number-picker-jf
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.8.10 |
| Published | 2017-01-31 |
| First published | 2017-01-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 8 |
| Known vulnerabilities | 0 (+22 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | jfsr24@gmail.com |
| Maintainers | jfsr24 |
| Keywords | Angular, 2, number, picker, bootstrap |

## Links

- npm: https://www.npmjs.com/package/angular2-number-picker-jf
- Repository: https://github.com/jfsr-24/angular2-number-picker-jf
- Homepage: https://github.com/jfsr-24/angular2-number-picker-jf#readme
- Issues: https://github.com/FuKe/angular2-number-picker/issues
- npm.io page: https://npm.io/package/angular2-number-picker-jf

## Dependencies (8)

- [rxjs](https://npm.io/package/rxjs.md) ^5.0.1
- [zone.js](https://npm.io/package/zone.js.md) ^0.7.2
- [@angular/core](https://npm.io/package/@angular/core.md) ^2.4.4
- [@angular/forms](https://npm.io/package/@angular/forms.md) ^2.4.4
- [@angular/common](https://npm.io/package/@angular/common.md) ^2.4.4
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^2.4.4
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^2.4.4
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^2.4.4

## Alternatives

- [random-seedable](https://npm.io/package/random-seedable.md) — 27.9K weekly downloads
- [n2words](https://npm.io/package/n2words.md) — 22.2K weekly downloads
- [@stdlib/math-base-special-factorialln](https://npm.io/package/@stdlib/math-base-special-factorialln.md) — 5.7K weekly downloads
- [@stdlib/math-base-special-abs2](https://npm.io/package/@stdlib/math-base-special-abs2.md) — 1.7K weekly downloads
- [commons-math-interpolation](https://npm.io/package/commons-math-interpolation.md) — 1.4K weekly downloads

## Recent versions

- 0.8.10 (latest) — 2017-01-31
- 0.8.9 — 2017-01-31
- 0.8.7 — 2017-01-31
- 0.8.6 — 2017-01-27
- 0.8.5 — 2017-01-27
- 0.8.4 — 2017-01-27

## README

# angular2-number-picker #
[![GitHub version](https://badge.fury.io/gh/FuKe%2Fangular2-number-picker.svg)](https://badge.fury.io/gh/FuKe%2Fangular2-number-picker)
[![NPM version][npm-image]][npm-url]

A generic number picker Angular component (v. 2.0.0+) for Twitter Bootstrap

![](https://raw.githubusercontent.com/jfsr-24/angular2-number-picker-jf/master/docs/images/example.png)

## Requirements ##
* [Angular](https://angular.io) (2.0.0+)

## UI Dependency ##
* [Twitter Bootstrap](http://getbootstrap.com) (3.3.5+)

## Installation ##

```
npm install angular2-number-picker -save
```

## Basic usage ##
Import the NumberPickerComponent in your `app.module` and add it to the declarations array.
Alternatively, you can import the NumberPickerComponent to a shared module, to make it available across all modules in your Angular application.

```javascript
...
import { NumberPickerComponent } from 'angular2-number-picker/components';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
    NumberPickerComponent
  ],
  imports: [
    ...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Add the `angular2-number-picker` directive to the page where you want to use the number picker.
```html
<angular2-number-picker [min]="1" [max]="6" [step]="1" [precision]="1" [inputDisabled]="true" (onChange)="onNumberChanged($event)"></angular2-number-picker>
```

### Directive Inputs and Outputs ###
| Attribute        | Type           | Required  | Description |
| :------------- |:-------------| :-----:| :-----|
| min | [input] Number | No | The minimal number limit on the number picker. 0 by default |
| max | [input] Number | No | The maximum number limit on the number picker. 100 by default |
| step | [input] Number | No | The step value for the number picker. 1 by default |
| precision | [input] Number | No | The decimal precision for the number picker, if the step input value is a decimal value. 1 by default |
| inputDisabled | [input] Boolean | No | Defines if the input input should be disabled / editable by the user. false by default |
| onChange | (output) Number | No | The onChange event of the component. Emits the value of the number picker, every time the user has clicked the - or + button. |


[npm-url]: https://npmjs.org/package/angular2-number-picker
[npm-image]: https://badge.fury.io/js/angular2-number-picker.png

---
_Source: https://npm.io/package/angular2-number-picker-jf · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._