UI-Bootstrap Number Input Spinner

Question

What I want:

<input class="form-control" type="number" spinner ng-model="$scope.someNumber"/>
<!-- notice the `spinner` directive -->

What I have:

<input class="form-control" type="number" ng-model="$scope.someNumber"/>

Are there directives for better number spinners?

I've tried searching Google, but I'm not finding anything (spinner is also used to refer to a loading image, so perhaps I'm using the wrong terminology).

Answer 1

I created a directive special for you:

You can customize it as you want

  <number-spin data-ng-model="vm.testNumber"></number-spin>

Here the jsfiddle

P.S. I added directive to npmjs here the link,

also github and demos