2016-03-29 22 views
1

Angulars ng-pluralize Angulars ng-pluralize kullanıcı için bir öğeyi gizlemek/göstermek/değiştirmek için değer 0 olduğu gibi, öğe gizlenmiş olmalıdır (ng-hide="value == 0" veya ng-if="value != 0").ng-çoğaltmak için değer ne zaman değer 0 (sıfır)

Değer 1 olduğunda, öğenin bir metni olmalı ve 1'den büyükse bir metin olmalıdır. Değer asla negatif olamaz. Bu yüzden ng-pluralize'u kullanmak istiyorum.

Soruma; Bunu, bunun için başka bir elemanın içine koymak zorunda kalmadan, ng-pluralize kullanabilir misiniz?

cevap

2

ng-derisi ve bir arada kullanın büyük cevap için aynı öğesi içinde

var module = angular.module('myApp', []); 
 
module.controller('mainController', function($scope) { 
 
    //$scope.personCount = 0; 
 
    $scope.personCount = 1; 
 
    //$scope.personCount = 2; 
 
});
.myEl { 
 
    background-color: grey; 
 
    width: 100%; 
 
    height: 25px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="mainController"> 
 
    <ng-pluralize ng-if="personCount > 0" class="myEl" count="personCount" when="{'0': 'Nobody is viewing.', 
 
        'one': '1 person is viewing.', 
 
        'other': '{} people are viewing.'}"> 
 
    </ng-pluralize> 
 
</div>

+0

Teşekkür ng-çoğul! – BluePrint

+0

Teşekkürler, birçok konuyla ilgili sorunları çözeceğini düşünüyorum. –