Redondear Divisiones con AngularJS

Hola amigos, hoy aprenderemos como podemos redondear divisiones dejando solamente 2 decimales utilizando AngularJS.


<!DOCTYPE html>
<html lang="es">
<head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script>
                var app = angular.module('validationApp', []);
 
                        app.controller('validateCtrl', function($scope) {
                                $scope.valor1 = "5";
                                $scope.valor2 = "3";
                                $scope.valor3 = "5";
                                $scope.valor4 = "3";
 
                });
                </script>
                <style>
                        table {
                                margin: auto;
                        }
                        th {
                                background-color: blue;
                                color: white;
                        }
                        th:first-child {
                                background-color: white;
                        }
                        h1 {
                                text-align: center;
                                font-size: 24px;
                        }
                </style>
        <meta charset="UTF-8">
        <title>Redondeo de Numeros</title>
</head>
<body>
        <h1>Ejemplo de Redondeo en AngularJS</h1>
        <br />
        <form action="#" ng-app="validationApp" ng-controller="validateCtrl">
                <table>
                        <tr>
                                <th></th>
                                <th>Numero 1</th>
                                <th>Numero 2</th>
                                <th>Resultado</th>
                        </tr>
                        <tr>
                                <td>Ejemplo sin Redondear</td>
                                <td><input type="text" ng-model="valor1" readonly></td>
                                <td><input type="text" ng-model="valor2" readonly></td>
                                <td>{{ valor1 / valor2 }}</td>
                        </tr>
                        <tr>
                                <td>Ejemplo Redondeado</td>
                                <td><input type="text" ng-model="valor3" readonly></td>
                                <td><input type="text" ng-model="valor4" readonly></td>
                                <td>{{ valor1 / valor2 | number:2 }}</td>
                        </tr>
                </table>
        </form>
</body>
</html>

Pueden cambiar los valores de los campos en la función angular para jugar con los resultados del ejemplo.

Tags: