My Blog

My WordPress Blog

My Blog

My WordPress Blog

Learn Angular

Component Styling

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 […]

Component Interaction

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 […]

Component Lifecycle

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

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 […]

Forms

Angular forms are used to handle user’s input. We can use Angular form in our application to enable users to log in, to update profile, to enter information, and to perform many other data-entry tasks. In Angular 8, there are 2 approaches to handle user’s input through forms: Both approaches are used to collect user […]

Two way Data Binding in Angular 8

We have seen that in one-way data binding any change in the template (view) were not be reflected in the component TypeScript code. To resolve this problem, Angular provides two-way data binding. The two-way binding has a feature to update data from component to view and vice-versa. In two-way databinding, automatic synchronization of data happens […]

String Interpolation in Angular 8

String Interpolation is a one-way databinding technique which is used to output the data from a TypeScript code to HTML template (view). It uses the template expression in double curly braces to display the data from the component to the view. String interpolation adds the value of a property from the component. For example: We have already created an […]

Scroll to top