gpt4 book ai didi

angularjs - 在 Angular 中以德语格式 "having comma"输入十进制数效果不佳

转载 作者:行者123 更新时间:2023-12-05 04:15:22 27 4
gpt4 key购买 nike

我正在尝试根据用户 PC 本地化数据输入模块(以 Angular 编写)(例如 PC 语言设置为德语),因此模块应该接受“,”作为小数点分隔符而不是“。 “,所以我使用了 Angular 本地化文件(例如:angular-locale_de-de.js)但是我在使用逗号插入十进制数字时遇到问题,如下所示:在德国 PC 设置中,当用户在输入文本框中以这种格式“5,4”插入十进制数时,此值标签处的显示显示为 Empty 而不是 5,40代码处的标签如下:<label>{{mynumber | number:2}}</label>

但是当用户插入:“5.4”时,标签显示“5,40”为简单起见,我使用下面的代码

<html>
<head>
<script LANGUAGE=javascript src="angular.js"></script>
<script LANGUAGE=javascript src="https://code.angularjs.org/1.2.9/i18n/angular-locale_de-de.js"></script>
</script>
</head>
<body ng-app >
<input type=number id="txt" ng-model="mynumber" >
<label>{{mynumber| number : 2}}</label>
</body>
</html>

当在 Controller 上使用下面的过滤器时,这也适用: $filter('number')(mynumber, 2)当使用逗号分隔符插入数字时,请问如何正确格式化数字(如上所示应该是 5,40 而不是空)?请注意:即使使用“angular-locale_de-de.js”也存在此问题

您还可以就如何加载正确的 Angular 本地化文件(例如:angular-locale_de-de.js 取决于用户语言 PC 设置)提出建议吗?谢谢

最佳答案

有一个 Angular 指令(我是作者),它只允许数字、减号和选定的分隔符“,”或“,”。链接:https://github.com/uhlryk/angular-dynamic-number

您可以配置整数位数、小数位数、选择分隔符,或允许正数、负数或两者。它阻止输入 View 值中的其他字符,但动态转换模型值。这个模块也有过滤器来修改 ngBind 以显示例如逗号分隔符而不是点。

安装(bower、npm 或手动)后,将模块作为依赖项添加到您的应用程序,然后:

<input  type="text" id="txt" ng-model="mynumber" awnum num-sep="," num-fract="2">
<label>{{mynumber| awnum : 2 : ',' : 'round' : 'true'}}</label>

我构建此模块是为了处理带有波兰价格的表格。

关于angularjs - 在 Angular 中以德语格式 "having comma"输入十进制数效果不佳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32340094/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com