Angularjs。如何使输入字段看起来像253.3445.9621？

如何在输入时使手机输入字段看起来像“253.3445.9621”。以及如何仅使数字输入成为可能？我想要在模型中的值（或正确地说是范围？将它们与对方（）相混淆，等于“25334459621”，但对于用户输入应该与我正在使用角度和自举。Angularjs。如何使输入字段看起来像253.3445.9621？

<input id="contactn" name="contactn" placeholder="" class="input" type="text" 
          ng-model="data.contact">

谢谢

来源

2013-10-08 Sol

据我所知，您想要将输入[text]中的值的显示格式设置为253.3445.9621，并将模型保留为25334459621.您应该拥有看看AngularUI的ui-mask（http://angular-ui.github.io/ui-utils/）！然后你可以添加指令：ui-mask =“999.9999.9999”，它只会格式化显示值。 – jpmorin

我会用指令：

HTML

<input type="text" ng-model="test" separator="number" />

指令

app.directive('separator', ['$filter', function($filter) { 
    return { 
     require: '?ngModel', 
     link: function(scope, elem, attrs, ctrl) { 
      if (!ctrl) return; 


      ctrl.$formatters.unshift(function(a) { 
       return $filter(attrs.format)(ctrl.$modelValue) 
      }); 


      ctrl.$parsers.unshift(function(viewValue) { 
       var plainNumber = viewValue.replace(/[^\d|\-+|\.+]/g, ''); 
       elem.val($filter('number')(plainNumber)); 
       return plainNumber; 
      }); 
     } 
    }; 
}]);

见Fiddle

图片：

enter image description here