Angular Internationalization (i18n)

New Transloco approach: Summary: Actively maintained l10n Scematics Migrate from ngx-translate to Transloco script: Links: Transloco Transloco on Github Popular ngx-translate approach: Summary: Not actively supported. http://www.ngx-translate.com/ https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-ngx-translate Official Angular i18n approach: Summary: Complex to setup: separate build per every language in production Complex in development: separate local server instance per every language Run command ... Read more

Angular Material Theme

Also add these classes to the body: class="mat-app-background mat-typography" Getting started with Angular Material themening Using Material styles for styling components: A material palette consist of a range of colors with different contrast. They use a number system as a key for which color to use. The 500 is the default color. Add default Material ... Read more

Angular project structure / folder structure / architecture

Shared Module: The Shared module should contain components, directives, pipes, and services that can be reused across multiple other modules in the application. It typically includes: Reusable components: UI components that are used in multiple parts of the application, like buttons, input fields, or navigation elements. Common directives: Custom directives that are used in several ... Read more

DevOps

Typical .gitlab-ci.yml Gitlab CI script: .gitlab-ci.yml Sample CI file: Examples: Reuse code inside of .gitlab-ci.yml file Manual deploy only from hotfix or feature branches Show RAM and storage: Angular unit testing in Gitlab

Angular ngFor

Basic syntax html: Syntax with local variables: html: Syntax without markup: html: