Utilities

Plural

Plural forms by the language rules: one file, 3 файли, 5 файлів. The pipes follow the tectra locale, also when it changes at runtime.

Part of @tectra-ng/utils (npm install @tectra-ng/utils, also included in tectra-ng).

Features3

API

Theming

Translation keys

txPluralForm gives one, few or many — the suffix of a translation key. Switch the language and the count to see the forms change.

key files.few → 3 файли

8 lines

<div class="stack">  <tx-select ariaLabel="Language" [options]="languages" [(ngModel)]="language" />  <tx-input-number ariaLabel="Count" [showButtons]="true" [min]="0" [(ngModel)]="count" />  <span class="hint"    >key <code>files.{{ count() | txPluralForm: language() }}</code> →    <strong>{{ text() }}</strong></span  ></div>

Message

txPlural takes an ICU message: =0 for an exact value, the language categories, # for the count. Without a locale argument it follows the tectra locale.

1 unread message

9 lines

<div class="stack">  <tx-input-number    ariaLabel="Unread messages"    [showButtons]="true"    [min]="0"    [(ngModel)]="count"  />  <span class="hint">{{ count() | txPlural: message }}</span></div>

Forms map

A map of forms instead of a message: few and many matter for Ukrainian, English uses one and other.


0	no days	жодного дня
1	1 day	1 день
2	2 days	2 дні
5	5 days	5 днів
11	11 days	11 днів
21	21 days	21 день
22	22 days	22 дні
25	25 days	25 днів

8 lines

<tx-table ariaLabel="Plural forms" dataKey="count" [value]="rows" [columns]="columns">  <ng-template txTableCell="english" let-row>{{    row.count | txPlural: english : 'en-US'  }}</ng-template>  <ng-template txTableCell="ukrainian" let-row>{{    row.count | txPlural: ukrainian : 'uk-UA'  }}</ng-template></tx-table>