Beschränken Anzahl auf 2 Dezimalstellen in HTML-Datei mit AngularJS

Ich habe eine HTML-Seite, die die Informationen von einem AngularJS-Controller anzeigt. Dies ist Teil des Codes:Beschränken Anzahl auf 2 Dezimalstellen in HTML-Datei mit AngularJS

<td id="calories">{{ ctrl.caltotal }}</td>

Meine Frage ist, was muss ich so tun, dass dies bei maximal 2 Dezimalstellen angezeigt wird? Im Moment, wenn ich das Programm ändere, kann es Werte wie 23.00000004 geben. Ist dies eine Änderung, die im Angular Controller oder in der HTMl-Ansicht vorgenommen werden sollte? Vielen Dank.

Quelle

2016-04-14 Cesar F

<td id="calories">{{ ctrl.caltotal | number:2}}</td>

Das wird es auf zwei Dezimalstellen beschränken.

Quelle

2016-04-14 11:42:06 rrd

Großartig. Funktioniert das auch mit einem Termin? Ich bekomme 2016-04-07 19: 05: 32.000000. Gibt es eine Web-Ressource, die ich darüber lesen kann? Vielen Dank! –

Es gibt mehrere Orte, an denen man über die Filter lesen kann, wie [hier] (https://scotch.io/tutorials/all-about-the-built-in-angularjs-filters) und [hier für Filter] (https: // docs.angularjs.org/api/ng/filter). – rrd

Betrachten Sie den folgenden Code ein:

<html> 
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
    <style> 

    </style> 
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 
    <input type="number" ng-model="score" /> {{score | number:2}} 
<script> 
    //1 module declaration 
    var app = angular.module('myApp', []); 
    //2 controller declaration 
    app.controller('myCtrl',function($scope){ 
     $scope.score = 50; 
     //code here 
    }); 
</script> 
</body> 
</html>

Siehe hier für weitere Informationen:

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

Siehe auch:

Angular how to display number always with 2 decimal places in <input>
AngularJS {{ val | number:1 }} not rounding to 1 decimal place

Quelle

2016-04-14 12:13:31 Deadpool

Beschränken Anzahl auf 2 Dezimalstellen in HTML-Datei mit AngularJS

Antwort

Verwandte Themen