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.
Introduction to Shadow DOM
This guide shows you what is shadow DOM and how to use it with a simple example. The CSS Styles are global in scope. The styles affect the entire web site, irrespective of where they are placed in the page. The global scoped CSS rules has few advantageous. For Example you can set the font of the entire web site at one place. But it also makes it easier to break the site. The CSS rules might target unwanted elements or clash with other CSS selectors. Similarly the JavaScript may also accidentally modify unintended parts of the app.
Angular Global CSS styles
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..
How to download and install visual Studio 2019
Learn how to Download and Install Visual Studio 2019 guide. First we will look at the System Requirement for Visual Studio 2019. Next we will show you how to download Visual Studio 2019 & Finally we will learn how to Install Visual Studio 2019.
Lazy loading in Angular
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