{"id":19294169,"url":"https://github.com/mdecker-mobilecomputing/ionic_informatikersprueche","last_synced_at":"2026-04-11T01:48:36.342Z","repository":{"id":119792405,"uuid":"363634393","full_name":"MDecker-MobileComputing/Ionic_InformatikerSprueche","owner":"MDecker-MobileComputing","description":"Ionic-App to demonstrate i18n (translation of texts to be displayed to end user)","archived":false,"fork":false,"pushed_at":"2024-05-08T10:31:53.000Z","size":3182,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-05T21:08:45.190Z","etag":null,"topics":["angular","github-actions","i18n","ionic"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MDecker-MobileComputing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2021-05-02T11:28:35.000Z","updated_at":"2024-05-08T10:31:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"135d97e3-d4d3-499c-8948-146e70ebe13c","html_url":"https://github.com/MDecker-MobileComputing/Ionic_InformatikerSprueche","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MDecker-MobileComputing%2FIonic_InformatikerSprueche","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MDecker-MobileComputing%2FIonic_InformatikerSprueche/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MDecker-MobileComputing%2FIonic_InformatikerSprueche/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MDecker-MobileComputing%2FIonic_InformatikerSprueche/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MDecker-MobileComputing","download_url":"https://codeload.github.com/MDecker-MobileComputing/Ionic_InformatikerSprueche/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240397119,"owners_count":19794797,"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","github-actions","i18n","ionic"],"created_at":"2024-11-09T22:37:21.971Z","updated_at":"2025-11-17T01:02:11.318Z","avatar_url":"https://github.com/MDecker-MobileComputing.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ionic app to demonstrate translation of UI texts #\r\n\r\n\u003cbr\u003e\r\n\r\nThis repository contains an Angular-based Ionic app that shows some citations from the area of computer since in\r\n[ion-slides](https://ionicframework.com/docs/api/slides) elements.\r\nThese citations and the few other texts in the app are translated to German and Englisch, whereas the latter is the default language.\r\nFor the translatable texts Angular's translation library [ngx-translate](https://www.npmjs.com/package/@ngx-translate/core) is used.\r\n\r\n\u003cbr\u003e\r\n\r\n----\r\n\r\n## Implementation Details ##\r\n\r\n\u003cbr\u003e\r\n\r\nThe English texts can be found in file [src/assets/i18n/en.json](src/assets/i18n/en.json),\r\nthe German  texts can be found in file [src/assets/i18n/de.json](src/assets/i18n/de.json).\r\n\r\nThe translation was implemented according to the following article: https://phrase.com/blog/posts/localizing-ionic-applications-with-ngx-translate/\r\n\r\nFirst the following NPM modules have to be added to the Ionic project:\r\n```\r\nnpm install @ngx-translate/core @ngx-translate/http-loader --save\r\n```\r\n\r\nTo enable translation in the Ionic app some changes are needed in files [src/app/app.component.ts ](src/app/app.component.ts) and [src/app/app.component.ts](src/app/app.component.ts) for setting the default lanuage (`ngx-translate` is for Angular, i.e. not Ionic-specific).\r\n\r\nIn HTML files you can reference a translated text using the `translate` pipe:\r\n```\r\n{{ \"key_for_text\" | translate }}\r\n```\r\n\r\nTo enable the `translate` pipeline in a HTML file class `TranslateModule` must be exported in the corresponding `.module.ts` file for each page in which this pipe is to be used, for example file [src/app/home/home.module.ts](src/app/home/home.module.ts).\r\n\r\nHere is another article describing how to have translatable texts with parameters: https://vitamindev.com/angular/how-to-use-parameters-in-ngx-translate/\r\n\r\n\u003cbr\u003e\r\n\r\n----\r\n\r\n## License ##\r\n\r\n\u003cbr\u003e\r\n\r\nSee the [LICENSE file](LICENSE.md) for license rights and limitations (BSD 3-Clause License) for the files in this repository.\r\n\r\n\u003cbr\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdecker-mobilecomputing%2Fionic_informatikersprueche","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdecker-mobilecomputing%2Fionic_informatikersprueche","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdecker-mobilecomputing%2Fionic_informatikersprueche/lists"}