{"id":26642853,"url":"https://github.com/whiteducksoftware/angular-i18n-demo","last_synced_at":"2025-04-10T22:39:21.856Z","repository":{"id":102456633,"uuid":"486501786","full_name":"whiteducksoftware/angular-i18n-demo","owner":"whiteducksoftware","description":"This repository is accompanying our blogpost on Angular internationalization (i18n) in 2022. It demonstrates how to use the native Angular i18n library to translate your angular application at runtime.","archived":false,"fork":false,"pushed_at":"2023-03-06T11:59:54.000Z","size":307,"stargazers_count":16,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-24T19:35:48.945Z","etag":null,"topics":["angular","i18n","internationalization","runtime-translations"],"latest_commit_sha":null,"homepage":"https://whiteduck.de/how-to-approach-angular-internationalization-i18n-in-2022/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/whiteducksoftware.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-04-28T08:06:28.000Z","updated_at":"2024-07-25T15:59:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"6f5fc92e-9561-4d03-b0ea-10a2eed741e5","html_url":"https://github.com/whiteducksoftware/angular-i18n-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"whiteducksoftware/template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whiteducksoftware%2Fangular-i18n-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whiteducksoftware%2Fangular-i18n-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whiteducksoftware%2Fangular-i18n-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/whiteducksoftware%2Fangular-i18n-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/whiteducksoftware","download_url":"https://codeload.github.com/whiteducksoftware/angular-i18n-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248312175,"owners_count":21082637,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","i18n","internationalization","runtime-translations"],"created_at":"2025-03-24T19:28:17.458Z","updated_at":"2025-04-10T22:39:21.842Z","avatar_url":"https://github.com/whiteducksoftware.png","language":"TypeScript","readme":"# Angular i18n demo\n\nThis repository is accompanying our blogpost on [Angular internationalization (i18n) in 2022](https://whiteduck.de/how-to-approach-angular-internationalization-i18n-in-2022/). It demonstrates how to use the native [Angular i18n library](https://www.npmjs.com/package/@angular/localize) to translate your angular application at runtime. For more information see the blogpost.\n\n## How to run it\n\nNavigate into the `./runtime-translations` folder and run `npm install` to install the required dependencies.\nThen run `npm run start` to start the app in development mode.\n\n## How to use it\n\nThis demo implements runtime translations for the `en` and `de` languages. Click on the `en` or `de` button in the navbar to switch the language. It should translate the route label in the navbar and the app title displayed in the center.\n\n## How it is structured\n\n- The `i18n.module.ts` located in `./src/app/core/i18n/i18n.module.ts` applies the selected language at application start-up and is the main component required for runtime translations.\n- The translation files are located in `./src/assets/i18n/` and are named `en.json` and `de.json`.\n- The language switch and storage of the selected language is done in the `app-component.ts` located in `./src/app/app-module.ts`.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhiteducksoftware%2Fangular-i18n-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwhiteducksoftware%2Fangular-i18n-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhiteducksoftware%2Fangular-i18n-demo/lists"}