Home / Questions / 59437
Accepted
sirdaiz
Asked: 2020-03-31 23:40:38 +0800 CST 2020-03-31 23:40:38 +0800 CST

AngularJS 中的小数（Angular 1）

  • 772

我有以下内容：

<td>{{results | number:2}}</td>    => esto sale en la vista 120.00
<td>
    <input type="number" ng-model="results" step="any"/>  
    => esto sale en la vista 120
    <input type="number" ng-model="results | number:2" step="any"/>  
    => no sale nada en la vista
</td>

我必须做什么才能在输入中获得 120.00？

即有两位小数的值。

你可以参考这个做同样事情的例子：

https://jsfiddle.net/gsferreira/Lsv9f0b0/

angularjs

3 Answers

  1. Best Answer

    您可以使用以下库来获得您想要的结果

    角度输入掩码

    给

    您不能按照您想要的方式使用 number 指令 ng-model="results | number:2"

    我希望它对你有用。

    • 4

  2. 好，我给你留下更新和工作示例的链接。 https://jsfiddle.net/Lsv9f0b0/1832/

    我已经把它们放好了ng-model="$scope.myDecimal"，它工作正常。

    • 1

  3. 好吧，我不处理 angularJS，我希望我的回答不是完全没用，但是根据 jsfiddle 示例，如果你看，第二个input是 typetext和 has disable=true，而你的第二个是 type number。示例中第二个输入的类型text应该使管道很容易反映两位小数。

    您可以尝试text输入类型并使用正则表达式来验证该字段，以防用户可以/应该修改它而不仅仅是输入数字，或者寻找一些更新value字段属性的角度指令（ang-value或类似的东西）。

    <input type=number step="0.01" value="120.00"></input>

    您的问题很有趣，如果有人设法解决它，我将等待处理。干杯

    • 1