My WordPress Blog
My WordPress Blog
What is an Angular Element? Angular elements are reusable components that have been transformed into custom elements (also called Web Components). Angular provides a simple and effective method to create Web components. Web components are custom HTML elements available in native HTML specifications to extend the features/tags of the HTML document. It can be created […]
Angular allows the component to be dynamically created and loaded at run time at a specific location in the host (another) component. Loading a component at run time opens a lot of opportunities to do advanced functionality. For example, a banner rotation component can accept heavily customized banner item instead of accepting banners confirming to […]
What is Content Projection in Angular? Content projection is a technique available in the Angular component to include external content (from consumer of the component) along with layout and styles in the specific area of the component template. Different Implementation of Content Projection The different ways in which we can implement content projection are: Single-Slot […]
What is Nested Component? When you work with a large Angular application, placing all features in a single Component is not a good idea. As the application grows, maintaining it can become quite challenging. Therefore, we need to split it into multiple components. It may require creating components inside others to form a hierarchical structure. […]
Styling is the process of designing and formatting the visual presentation of web pages. Since Angular applications are composed of multiple components, styles are applied to them individually. Angular components can be styled using CSS as well as popular pre-processors such as Sass and Less. Let’s see different techniques of applying styles to the Angular […]
Sharing Data between Angular Components Angular provides options to share data from parent component to child component as well as, child to parent component. Also, it is possible to share data between any other component within the Angular application. Component is a TypeScript class decorated with the @Component decorator. It is used to create the user interface. Data sharing is the […]
View encapsulation is a technique to encapsulate the style of the given view from other sections of the application. By default, the CSS style applied in an HTML document will affect the entire document. The same applies to the Angular framework as well. This default behaviour is going to be an advantage in some scenarios […]
Angular component goes through a series of stages/events during its existence. Before moving further in the journey of learning Angular, it is necessary to understand how a component interacts with the framework and the DOM throughout its existence. When an angular component is constructed, it first goes through the change detection phase, where it checks whether there […]
Components are the building blocks of an Angular application. The primary use of Angular Component is to generate a section of web page called View. By combining different views, a single application is created. Every component will have an associated template and it will be called in order to generate views. Let us learn the basic concept […]