angular-eha.counter

Counting directive

Usage

Use the bind attribute to bind on the current count:

<eha-counter
  bind="myCtrl.count"
></eha-counter>

Options

template-url

A custom template can be used with the template-url attribute:

<eha-counter
  bind="myCtrl.count"
  template-url="/path/to/tpl.html"
></eha-counter>

Note, the default template assumes a mobile UI and depends on Bootstrap and font-awesome.

ehaCounterProvider

Exposes the increment and decrement callbacks (both angular.noop by default), which are passed corresponding count on change. Can be overridden in an angular.config block, for example:

angular.module('myApp')
  .config(function (ehaCounterProvider) {
    ehaCounterProvider.increment = function (count) {
      console.log('The count is', count)
    }
  })

Installation

Install with npm:

npm install --save angular-eha.counter

Or alternatively bower:

bower install --save angular-eha.counter

Then simply add eha.counter as a dependency somewhere in your project that makes sense and you're good to go.

Contributors

• © 2015 Jideobi Ofomah [e-mail]
• © 2015 Tom Vincent [e-mail] (https://tlvince.com)

License

Released under the Apache 2.0 License.