Edupala

Comprehensive Full Stack Development Tutorial: Learn Ionic, Angular, React, React Native, and Node.js with JavaScript

Angular

Angular Pipes and built-in pipe in angular

Angular Pipes are features built into angular 2 which basically allows you to transform output in your template. Pipes are functions that we can use in template expression to format input data before it’s rendered. Angular has lots of its own built-in pipes and we can use pipes for synchronous and asynchronous data. In this […]

Angular Date pipe and how to formate dates in Angular

Angular date pipe is an Angular built-in pipe and it is used to format date value to a string of the desired format in the component template. The date can be a Date object or a number of milliseconds and we can specify the date of different formats like ‘dd/MM/yyyy’, ‘MM-yy’, or one of the […]

Understanding Angular output decorator or Angular Eventemitter .?

We can use the Angular output decorator in combination with the EventEmitter type to create custom events. In Angular, there is a different way of sharing data between components, and the @Outpu() decorator allows the child component to send data to its parent component. In this tutorial, we’ll learn how to use Angular output decorator […]

How to add Angular leaflet Map in Angular?

In many applications, maps are one of the most useful tools to interact with users. In this tutorial, we’ll learn and demonstrate an example to add an Angular leaflet map. The Leaflet is a widely used open-source JavaScript library used to build web mapping applications. it is one of the most popular JavaScript mapping libraries […]

How to implement Angular ngclass with and without condition .?

Angular has a lot of built-in directives like ngClass, ngStyle, and ngModel. These directives are non-structure directives or attribute directives, mostly used to change DOM element appearance. Angular also has structure directives like *ngIf, *ngFor, *ngSwitch . These directives manipulate the DOM element by adding or removing elements based on condition. What is Angular ngClass […]

How to implement Angular ngStyle directive?

The Angular ngstyle conditionally applies a set of styles for the containing HTML element. The angular directive is classified into three groups, component, structure, and attribute directive. Both structure and attribute directives have a lot of built-in directives. The structure directive has the following built-in directive *ngIf, *ngFor , *ngSwitch and is used to transform […]

Scroll to top