directive
Adds / removes DOM sub-trees based on a numeric value. Tailored for pluralization.
[ngPlural]
Property | Description |
---|---|
@Input()ngPlural: number | Write-Only |
Displays DOM sub-trees that match the switch expression value, or failing that, DOM sub-trees that match the switch expression's pluralization category.
To use this directive you must provide a container element that sets the [ngPlural]
attribute to a switch expression. Inner elements with a [ngPluralCase]
will display based on their expression:
[ngPluralCase]
is set to a value starting with =
, it will only display if the value matches the switch expression exactly,See http://cldr.unicode.org/index/cldr-spec/plural-rules
<some-element [ngPlural]="value"> <ng-template ngPluralCase="=0">there is nothing</ng-template> <ng-template ngPluralCase="=1">there is one</ng-template> <ng-template ngPluralCase="few">there are a few</ng-template> </some-element>
addCase() | ||||||
---|---|---|---|---|---|---|
|
value | string | |
switchView | SwitchView |
void
© 2010–2021 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v11.angular.io/api/common/NgPlural