使用 ng-model 实时 Angular 应用过滤器答案

【问题标题】：Applying a filter with ng-model realtime Angular使用 ng-model 实时 Angular 应用过滤器
【发布时间】：2016-04-04 22:43:55
【问题描述】：

我有一个这样的输入标签

 <input currency  type="text" class="form-control amount" ng-model="loan.total">

我想要做的是我想查看这个“总”值，以 3 分隔 3（4000 -> 4 000）。loan.total 值应该是 4000。但它应该是 4 000。试图应用指令但不起作用。

有什么简单的方法可以做到这一点吗？

【问题讨论】：

【解决方案1】：

您可以在输入之外将值显示为货币，如下所示：

<input  type="number" class="form-control amount" ng-model="loan.total"> {{loan.total | currency}}

【讨论】：

【解决方案2】：

听起来你想要的是一个输入掩码。

不妨试试这个：

它有一个 ui-money-mask 指令。

例如：

确保包含脚本标签并添加模块依赖：

<script src="angular-input-masks-standalone.min.js"></script>
<script>
  angular.module('yourAppName', ['ui.utils.masks']);
</script>

【讨论】：