I wrote a similar post that works for Angular 8, 9, 10, 11. Click here for the previous post. In Angular 12+ the config seems to be a bit different. 1. Create an angular web project. we will start by creating a project with minimal setup to demonstrate. To create an angular app, in command prompt type: ng new multiLanguageApp Open "app.component.html" delete the default code and paste this code: < div > < a href = "/" > de </ a > < a href = "/en" > en </ a > </ div > < div > Danke! </ div > Run "ng serve" to serve your app. Go to localhost:4200 you should see: I am creating an app with German as the default language and English as the second language. "Danke" is a word in German means "Thank you". When we click "de" or "en" in the UI to switch language, we expect this word to change respectively. 2. Set up i18n and translate. In the tag...
I started my career as a data analyst since then I have worked in many positions like data engineer, full-stack developer, data scientist, project manager, tech lead, and currently as a CTO. During my free time, I like to share my knowledge from basic to advanced to give back what I have gotten from the community. Drop me a comment if you find my posts are helpful or you need my help.