{{ \"pagination.showing\" | translate: { from: 1, to: 10, total: 100 } }}
\n `,\n})\nexport class DashboardComponent {}\n```\n\nTranslation values stored in the database use `{{variableName}}` syntax:\n\n```\nKey: pagination.showing\nValue: Showing {{from}}-{{to}} of {{total}} results\n```\n\n## 3. Load Translations Per Route (Module Strategy)\n\nUse `resolveTranslationModule()` in your route definition so translations for a feature load before the page renders. Pass `fallbackMessages` so the UI works even without a backend.\n\n```typescript\n// Inside a feature's routes file\nimport { resolveTranslationModule } from \"@flusys/ng-shared\";\nimport { MY_FEATURE_MESSAGES } from \"./constants/messages\";\n\nexport const MY_ROUTES: Routes = [\n {\n path: \"\",\n resolve: {\n translations: resolveTranslationModule({\n modules: [\"myFeature\"], // module name used by the backend\n fallbackMessages: MY_FEATURE_MESSAGES, // static fallback map\n }),\n },\n loadComponent: () => import(\"./my-feature-container.component\").then((m) => m.MyFeatureContainerComponent),\n children: [\n /* ... */\n ],\n },\n];\n```\n\nAlready-loaded modules are cached — navigating back to the same route does not re-fetch.\n\n## 4. Translate Imperatively in Services / Components\n\nInject `TranslateService` when you need a string outside a template (e.g., toast messages, computed labels).\n\n```typescript\nimport { inject } from \"@angular/core\";\nimport { TranslateService } from \"@flusys/ng-localization\";\n\nexport class MyComponent {\n private readonly translate = inject(TranslateService);\n\n // Synchronous — returns fallback key if not found\n getLabel(): string {\n return this.translate.translate(\"shared.save\");\n }\n\n // With params\n getCountLabel(count: number): string {\n return this.translate.translate(\"items.count\", { count });\n }\n\n // Signal-based — updates automatically on language change\n readonly pageTitle = this.translate.translateSignal(\"dashboard.title\");\n\n // Read current language code\n readonly lang = this.translate.languageCode; // Signal