angular-locale-chain Example
March 16, 2026 ยท View on GitHub
Minimal Angular app demonstrating the angular-locale-chain library with Transloco.
What it shows
Three translation files with intentionally missing keys:
| Key | en.json | pt.json | pt-BR.json |
|---|---|---|---|
| greeting | Hello | Ola | Oi |
| farewell | Goodbye | Adeus | -- |
| welcome | Welcome to LocaleChain | -- | -- |
When the active locale is pt-BR, the LocaleChainLoader deep-merges translations in this order:
en.json(default locale -- lowest priority)pt.json(fallback chain: pt-BR -> pt-PT -> pt)pt-BR.json(requested locale -- highest priority)
Result for pt-BR:
- greeting = "Oi" (from pt-BR.json)
- farewell = "Adeus" (from pt.json via fallback chain)
- welcome = "Welcome to LocaleChain" (from en.json via default locale)
Running
pnpm install
pnpm start
# Open http://localhost:4201
Click the language buttons to switch locales and see the fallback chain in action.