UI-Bootstrap数字输入微调器

时间:2017-04-21 18:35:18

标签: angularjs angular-directive html5-input-number

我想要的是什么:

Input number spinner with great-looking buttons that you can always see

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

我拥有的内容:

Normal input with ui-bootstrap. Spinner is hidden and tiny.

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

问题:是否有更好的数字旋转器的指令?

我试过搜索el Goog,但我找不到任何东西( spinner 也用于指代加载图像,所以也许我使用了错误的术语)。

1 个答案:

答案 0 :(得分:3)

我为你创建了一个特别的指令:

您可以根据需要自定义

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

这里是jsfiddle

P.S。我在link

这里向npmjs添加了指令

githubdemos