angularjs - 最小/最大货币字段

Question

看看这个jsbin

我有一个字段可以正确检查用户输入的范围。这是一个数字字段。

我有另一个字段将输入更改为货币格式。这是一个文本字段。

我的问题是我不能在一个领域同时实现这两种想法。一个字段需要它是文本，而另一个需要它是一个数字。

有什么东西可以实现这两个领域的结合吗？

Answer 1

不要创建自己的指令，而是查看 ng-currency： http: //ngmodules.org/modules/ng-currency

<input type="text" model="yourModel" ng-currency min="1" max="1337" />

angular.module('myApp', ['ng-currency'])
  .controller('CurrencyController', function($scope) {
    $scope.myData = 8;
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://rawgit.com/aguirrel/ng-currency/master/src/ng-currency.js"></script>

<!-- PLEASE CHANGE AS YOU WISH THIS LOCALE JS -->
<script src="https://code.angularjs.org/1.4.3/i18n/angular-locale_es-us.js"></script>


<div ng-app="myApp" ng-controller="CurrencyController">
  <input type="text" ng-model="myData" ng-currency min="1" max="10" currency-symbol="$" /><br/>
  {{ myData }}
</div>