输入字段中的角度显示格式化数字

Question

伙计们。 我有一个输入字段：

<input type="number" name="price" ng-model="ctrl.form.price" required>

问题在于，每当用户键入数字时，它都会自动对其进行格式化。 示例：5 312 000.12313 但是，当用户提交这个表单时，ctrl.form.price 的值应该是 5312000.12313。 我知道有过滤器，但据我所知，它们只能用于单向数据绑定。 有什么办法可以做到这一点？

Answer 1

您应该使用解析器和格式化程序编写指令。解析器函数应将显示的带有空格的值转换为数字，格式化程序函数将数字转换为显示的文本。

类似：

angular.module('app').directive('formattedNumber', formattedNumber);

function formattedNumber() {
   var directive = {
        restrict: 'A',
        require 'ngModel',
        link: link
   };
   return directive;

   function link(scope, element, attrs, ngModelController) {
       ngModelController.$parsers.push(parseNumber);
       ngModelController.$formatters.push(formatNumber);
   }

   function parseNumber(viewValue) {
       // convert text with spaces to number and return it.
   }
   function formatNumber(modelValue) {
       // convert numeric modelValue to formatted text and return it.
   }
}

那么就：

<input type="number" name="price" ng-model="ctrl.form.price"
  formatted-number required>