La directiva ng-pluralize en AngularJS se usa para especificar el mensaje que se mostrará de acuerdo con las reglas de localización en-us. Las reglas de localización en-us se incluyen con AngularJS. La categoría plural predeterminada en AngularJS es «uno» y «otro».
Sintaxis:
<ng-pluralize count="" when="string" [offset="number"]> Contents... </ng-pluralize>
Valores paramétricos:
- recuento: se refiere al valor del atributo de recuento que utiliza la expresión angular.
- when: Se utiliza para especificar el mapeo entre la string real y las categorías plurales. El valor del atributo debe estar en estilo de objeto JSON.
- offset: Especifica el atributo de offset a deducir del número total.
Ejemplo 1: este ejemplo utiliza la directiva ng-pluralize para mostrar contenido.
<!DOCTYPE html>
<html>
<head>
<title>ng-pluralize Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js">
</script>
</head>
<body ng-app="app" style="padding:20px">
<h1 style="color:green;">GeeksforGeeks</h1>
<h2 style="">ng-pluralize Directive</h2>
<div ng-controller="geek">
<div ng-init="Hotel=[0, 1, 2, 3]">
Choose from list:
<select ng-model="booking" ng-options=
"booking as booking for booking in Hotel">
</select>
<br><br>
<ng-pluralize count="booking" when="{
'0':'No booking available',
'1':'{{booking}} booking available',
'2':'{{booking}} bookings available',
'3':'{{booking}} bookings available',
}">
</ng-pluralize>
</div>
</div>
<script>
var app = angular.module("app", []);
app.controller('geek', ['$scope', function ($scope) {
$scope.booking = 0;
}]);
</script>
</body>
</html>
Salida:
Antes de seleccionar el elemento: 
Después de seleccionar el elemento:
Ejemplo 2: este ejemplo utiliza la directiva ng-pluralize para mostrar el contenido del texto de entrada.
<!DOCTYPE html>
<html>
<head>
<title>ng-pluralize Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js">
</script>
</head>
<body ng-app="app" style="text-align:center">
<h1 style="color:green;">GeeksforGeeks</h1>
<h2 style="">ng-pluralize Directive</h2>
<div ng-controller="geek">
<p>Input Names separated by comma(, ):</p>
<textarea class="form-control" ng-model="people"
ng-list=", "></textarea>
<br><br>
<ng-pluralize count="people.length" offset="2" when="{
'0': 'You got no viewers.',
'1': '{{people[0]}} is viewing.',
'2': '{{people[0]}} and {{people[1]}} are viewing.',
'one': '{{people[0]}}, {{people[1]}} and one other
person is viewing.',
'other': '{{people[0]}}, {{people[1]}} and {}
other people are viewing.'}">
</ng-pluralize>
</div>
<script>
var app = angular.module("app", []);
app.controller('geek', ['$scope', function ($scope) {
$scope.people = [];
}]);
</script>
</body>
</html>
Salida:
Antes de ingresar el texto: 
Después de ingresar el texto:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA