最小/最大货币字段

时间:2015-09-28 21:04:54

标签: angularjs angular-formly

看看这个jsbin

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

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

我的问题是我不能在一个领域做这两个想法。一个字段需要它是文本而另一个字段需要它是一个数字。

那里有什么可以完成这两个领域的结合吗?

1 个答案:

答案 0 :(得分:2)

而不是创建自己的指令,而不是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>