如何仅在angularjs中将十进制限制为2位数

时间:2016-03-08 08:11:29

标签: javascript asp.net angularjs

我正在使用角度js进行一些数学运算。而计算百分比/增值税价格显示 - 0.35000000000000003这样。我需要0.35。

0.35000000000000003。如何在2位数之后修剪小数。

 <table align="center">

            <h2>Tax Calculations</h2>

            <tr>
                <td>
                     quantity : 
                </td>
                <td>
                 <asp:TextBox runat="server" ng-model="qty"/>
                </td>
            </tr>

              <tr>
                <td>
                     unit Price : 
                </td>
                <td>
                 <asp:TextBox runat="server" ng-model="price"/>
                </td>
            </tr>
               <tr>
                <td>
                     total Amount  : 
                </td>
                <td>
                 <asp:TextBox runat="server" Text='{{qty * price}}' ReadOnly="true"/>
                </td>
               </tr>
            <tr>
                <td>
                     Vat Price at 5%  : 
                </td>
                <td>
                 <asp:TextBox runat="server" Text='{{(qty * price )/100  * 5}}' ReadOnly="true"/>
                </td>
               </tr>
             <tr>
                <td>
                     Total With Tax  : 
                </td>
                <td>
                 <asp:TextBox runat="server" Text='{{((qty * price )/100  * 5) + (qty*price)}}' ReadOnly="true"/>
                </td>
               </tr>
        </table>

4 个答案:

答案 0 :(得分:4)

请参阅angularjs示例

https://docs.angularjs.org/api/ng/filter/number

顺便说一下,建议不要将asp.net和angularjs代码混合到同一个标签中

 //number with two digit
 Negative number: <span>{{-val | number:2}}</span>

答案 1 :(得分:2)

您可以尝试使用javascript toFixed方法,如下所示

{{((qty * price )/100  * 5).toFixed(2)}}

答案 2 :(得分:2)

你可以尝试

<asp:TextBox runat="server" Text='{{(qty * price )/100  * 5 | number:2}}' ReadOnly="true"/>

答案 3 :(得分:1)

angularjs文档包含一个非常简单而漂亮的例子。您可以通过以下方式执行此操作:

<script>
  angular.module('numberFilterExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.val = 1234.56789;
    }]);
</script>
<div ng-controller="ExampleController">
  <label>Enter number: <input ng-model='val'></label><br>
  Default formatting: <span id='number-default'>{{val | number}}</span><br>
  No fractions: <span>{{val | number:0}}</span><br>
  Negative number: <span>{{-val | number:4}}</span>
</div>