Data Binding in Angular means bind the data in component’s HTML file from type script file. We can get and set DOM values dynamically using Data Binding. Data binding in Angular is either one-way or two-way. Types of Binding available in Angular- Interpolation Property Binding Two-Way Binding Event Binding Interpolation Interpolation uses double curly braces … Read more
What is Route Guard in Angular ? Route guards in an Angular application facilitates to block a particular route based on user authentication or on some extra permissions. In this blog, we will implement route guards in Angular. Let’s suppose that dashboard page in Angular application can not be accessed until a valid user is … Read more
Routing means navigating from one page to another page in an application. In this blog, we will create routes, child routes in an Angular app to demonstrate the concept of routing in Angular. We will see Routing, Child Routing and Params which are main concept in Angular routing and same will help in building single … Read more
In this blog, we will learn about creating new forms in Angular. Angular provides more than one way to build forms for user input and the form validation. Template-driven Approach In template-driven approach, Forms input and Forms validation logic goes into component’s html file only. Template-driven approach is fine for small or medium level project. … Read more
Pipes in Angular transform the data before it display it to view. In Angular 1 i.e. AngularJs, Pipes were called as filter. Angular offers built-in pipes and custom pipes as well. To apply pipe Angular uses | symbol before any pipe. Syntax to use pipe in Angular – {{<value>| <pipename>}} Angular Built-in Pipes LowerCasePipe – … Read more
In previous blog, we have seen how to use HttpClientModule? In this blog, we will create and consume an ASP.Net Web API in Angular 7 App using HttpClientModule. To complete this implementation I have used Visual Studio 2017 to create an ASP.Net Web API and Visual Studio Code to create an Angular App. How to … Read more
In my earlier blog, I have explained How to create a static website in Angular 7? In this blog, we will see how to call an API from Angular 7. In this blog, you will see how an HTTP request is sent to any API from Angular application. I will demonstrate by sending an HTTP GET … Read more
In this blog, we will see how to create a static website in Angular 7. Creating a website or site in Angular is so easy that you can create a simple static website by reading this blog. As you all know that Angular is used to build web applications. After reading this blog you can … Read more
Directives in Angular extend the use of HTML by adding custom behavior. In this blog, we will see the use of directives in Angular. Types of Directives There are 3 types of directives in Angular – Component Directives It is a directives with a template. Components are the most common directives among all. We can … Read more
In Angular Apps, you are going to come across a scenario where component needs to communicate with each other. In this blog, we will see how to send data from one component to another component in Angular application. You can send data from parent to child or child to parent component. How to pass data … Read more