We can set the inline styles of a HTML element using the style binding in angular. The syntax resembles the syntax of the property binding. You can add styles conditionally to an element, hence creating a dynamically styled element.
View Encapsulation in Angular defines how the styles defined in the template affects the other parts of the application. The angular uses three strategies, while rendering the view ViewEncapsulation.Emulated, ViewEncapsulation.Native and ViewEncapsulation.None This article describes what is View Encapsulation using an example and how it is implemented in angular. We also learn what is shadow dom in Angular.
There are several ways you can add Global (Application wide styles) styles to the Angular application. The styles can be added inline, imported in index.html or added via angular-cli.json. The angular allow us to add the component specific styles in individual components, which will override the global styles. In this article we will learn how to add global CSS styles to angular apps. We will also learn how to add custom CSS files & external style sheet to angular application..
In this article, we are going to see how to lazy load Angular Modules using the loadChilden method of the Angular Router. We will build an Angular lazy loading example app
The most apps need some sort of Runtime configuration information, which it needs to load at startup. For example, if your app requires data, then it needs to know the base location of your REST endpoints. This endpoints are not fixed and may have different values for development, testing & production.