角指令舍入十进制数

Question

Angular是否具有内置指令来舍入输入值？

在这种情况下，数字过滤器不合适，因为我也想val在ng-model中也舍入实际值。如果我必须写一个，那会是什么样？

Answer 1

您可以使用指令创建双向绑定转换。这是一个简单的例子：

app.directive('roundConverter', function() {
  return {
    restrict: 'A',
    require: 'ngModel',
    link: function(scope, elem, attrs, ngModelCtrl) {
      function roundNumber(val) {
        var parsed = parseFloat(val, 10);
        if(parsed !== parsed) { return null; } // check for NaN
        var rounded = Math.round(parsed);
        return rounded;
      }
      // Parsers take the view value and convert it to a model value.
      ngModelCtrl.$parsers.push(roundNumber);
   }
 };
});

http://plnkr.co/edit/kz5QWIloxnd89RKtfkuE?p=preview

这实际上取决于您希望它如何工作。是否应该限制用户输入？您介意模型和视图值有所不同吗？模型上的无效数字输入应该为空吗？这些都是您要做出的决定。上面的指令会将无效数字转换为null。