1

Angularsng-pluralizeを使用して、値が 0 になるように要素を非表示/表示/変更したいと思います。要素は (ng-hide="value == 0"またはのようにng-if="value != 0") 非表示にする必要があります。

値が 1 の場合、要素は 1 つのテキストを持つ必要があり、値が 1 より大きい場合は 1 つのテキストを持つ必要があります。値が負になることはありません。だからこそ使いたいng-pluralize。

私の質問は; ng-pluralizeこのためだけに要素を別の要素内に配置することなく、これを行うために使用できますか?

4

1 に答える 1

2

同じ要素内で ng-hide と ng-pluralize を組み合わせて使用​​する

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>

于 2016-03-29T12:20:14.270 に答える