Another rich feature of angular is reusability of component, Angular components are those components which we can reuse multiple times in a module or application. Angular reusable component can be dynamic and much flexible to send updates on any event . Before start, I assume you well aware of installation…
Category: Angular
Javascript
How to make custom validation in angular reactive form ?
Angular already have many built-in validators but sometimes we need some extra validation according to our project need. Steps to create custom validators Step 1: Create a function or class method where we can define our all custom validators. File: src/CustomValidators.ts 2. Define the function definition of custom validators to…
What is pipe in angular and create a custom pipe?
Pipes are used in angular to transform the data or value. Pipes can be able to transform any type of data type like string, date, currency or any data. It can be used both in template as well in component. We can use pipes anywhere in our application and it…
Javascript
What is directives and types of directives in angular?
Directives in angular are custom tags and custom attributes of html which is controlled by class and decorators. Using directives we can change the behaviour, style and logic of a specific area. Example: helloworld.component.ts Xyz.compenent.html <hello-world></hello-world> Output:Hello world component/directive Types of Directives in Angular: 1. Component : Angular page is…
Angular form validation with example
Angular has in-build form validation rules to validate the inputs and show errors in the ui with ease. Before reading you should have knowledge of angular, installation process, components and angular FormGroup. Steps to create a reactive form in angular Create a new or existing angular project, you can also…
How to make a reactive form in angular?
Angular has vast library of modules so reactive form is one of the part of angular library. Prerequisites knowledge: Angular HTML CSS Javascript So, let’s start building a from . Steps to create a reactive form in angular Create a new or existing angular project, you can also read this…
How to generate component in angular cli?
Angular cli has rich features of generating components, providers, modules and many more. Angular cli can also be used for build production ready product and serve the project for local environment. Usage of Angular cli ng generate command To generate the component ng generate component component_name To generate the modules…
How to create a new project of angular ?
Before start the article i would suggest you to read our article what is angular and installation process. To create a new angular app follow the below steps: Open the terminal or command line Go to the folder in which you want to create your new angular project Example: E:/angular…
Javascript
What is Angular and how to install angular ?
Angular is a framework of javascript. It’s used for creating efficient and single page application with ease. We can define the angular as follow: Angular is a component based component framework. Angular is collection of libraries which include routing, forms, validations, http requests etc. Angular is easy to use and…
Softwares
How to disable automatic change detection strategy in angular component?
In angular all components by default take the changes as any event occur, but sometime we disable automatic change detection strategy in angular. Thus, to detach the two way binding in component we can use changeDetection strategy in component metadata. Angular Change Detection Strategy is simple to implement using the…