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...
If you are using MaterializeCSS you might want to check if these functions are working properly. 1. Select on iOS The tapped option is not selected. The option before or after is being selected. How to fix: https://github.com/Dogfalo/materialize/issues/6464 2. Using Modal in SPA: If you are using MaterializeCSS with a SPA framework like Angular. When your modal is open if users click the back button in the browser or use the back key on mobile devices, your model will not automatically close. How to fix: when a pop event happens close opening modals. import { PlatformLocation } from '@angular/common'; this. platformLocation .onPopState((event) => { // close openning modals }); 3. Using Dropdown on iOS It's very hard to choose an item on a dropdown on iOS, I think it's because the dropdown disappears too fast after selecting. How to fix: try to add option outDuration: 500 when init the dropdown. 4. Preselecting a tab I don't know if ...