用。。。来代替。在使用 Angular 1 绑定到属性的输入字段中答案

【问题标题】：Replace , with . in input field bound to property using Angular 1用。。。来代替。在使用 Angular 1 绑定到属性的输入字段中
【发布时间】：2017-05-06 03:56:59
【问题描述】：

我有一个应该包含数字的输入字段。它绑定到对象属性。我希望输入为 4,5 的输入在模型和视图中自动转换为 4.5。

HTML：

<input data-ng-model="productContent(product.Id).Org" value="{{productContent(product.Id).Org | replaceComma}}" />

控制：

$scope.productContent = function (prodId) {
    var content = $.grep($scope.productsContent, function (el) { return el.ProdId === prodId });
    return content[0];}

过滤器：

app.filter('replaceComma', function () {
            return function (val) {
                return (typeof val) == "string" ? val.toString().trim().replace(",", ".") : val
            };
        });

结果：

当我输入一个数字时，首先模型 (productContent) 会检索正确的对象。然后调用过滤器代码并返回正确转换的字符串。我希望模型和视图都更新为过滤值，但两者都更新为未过滤值。我做错了什么？

【问题讨论】：

标签： angularjs angular-ngmodel angularjs-filter angularjs-ng-model

【解决方案1】：

我过去也遇到过同样的问题，但我没有创建自己的过滤器，而是选择了一条不同的路径，找到了可以使用的东西。

来自 assisrafael 的 angular-input-masks 是我最喜欢的角度扩展之一：

https://github.com/assisrafael/angular-input-masks

例子：

http://assisrafael.github.io/angular-input-masks/

由于作者已经编写了文档，因此我不想过多地介绍它并在将来过时。作为快速参考，请查找ui-number-mask。

也许这不是您问题的直接答案，因为它不是用句点替换逗号，而是让您输入小数。

附带说明，您可以使用 ui-hide-group-sep 抑制千位分隔符

希望对您有所帮助，否则请发表评论，我将很乐意继续为您提供帮助！

-赫尔维奥

【讨论】：