Utilities

Title

Browser tab titles from the routes — "Orders · Console" — with a prefix for counters and translated title keys. Set it up once with provideTxTitle({ appName }) next to provideRouter.

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

Features1

API

Theming

Prefix

setPrefix puts a counter in front of the title. This example has its own TxTitle, so it changes the title of this tab — look at it after pressing the button.

Tab title:

13 lines

<div class="stack">  <tx-input-number    ariaLabel="Unread messages"    [showButtons]="true"    [min]="0"    [(ngModel)]="unread"  />  <div class="flex">    <button txButton label="Show in the tab" (click)="show()"></button>    <button txButton label="Clear" severity="secondary" (click)="clear()"></button>  </div>  <span class="hint">Tab title: {{ current() }}</span></div>