首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将角度数字输入限制为N位小数?

如何将角度数字输入限制为N位小数?
EN

Stack Overflow用户
提问于 2019-11-07 00:07:31
回答 3查看 714关注 0票数 1

输入不应接受小数位数超过N位的数字。N被定义为输入。

例如,如果N=3和用户想要输入123.3456。他应该只被允许进入123.345。

我想要说的是:

代码语言:javascript
复制
<input type="number" [(ngModel)]="value" nDecimalsInput [decimals]="2">

通过指令或其他任何方式。

EN

回答 3

Stack Overflow用户

发布于 2019-11-07 00:11:21

输入掩码就可以了。您可以尝试a lib from npm或自己创建该指令。

在本例中,lib的用法如下:

代码语言:javascript
复制
<input type="number" [(ngModel)]="value" mask="0*.00">
票数 0
EN

Stack Overflow用户

发布于 2019-11-07 00:16:57

您可以在(keydown)="maxLength()“上执行一个简单的函数

代码语言:javascript
复制
maxLength() {
if (N && this.myFormControl.value.toString().split('.')[1].length === N) {
      return false;
    }
}
票数 0
EN

Stack Overflow用户

发布于 2019-11-07 00:35:49

因此,您可以这样做来覆盖或挂钩到一个事件(如change或key up):

代码语言:javascript
复制
parseFloat($(this).val()).toFixed(3)

或者使用像这样的掩码:https://github.com/assisrafael/angular-input-masks和do

代码语言:javascript
复制
<input type="text" name="field" ng-model="number" ui-number-mask="3">
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58734268

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档