Learn it from developers who built it.
Tutorials, how-tos and deep dives on AI, .NET, C#, cloud and developer tools, written by the community.
In this article, we will see the String Interpolation, ngStyle, ngClass in Angular 7.0. In this article, we will see the creation of angular component and we will see how we can use String interpolation, setting a background color using ngStyle and setting a foreground color using ngClass based on some condition.
In this article, we are going to learn the optional route parameters in Angular. Sometimes it may be the requirements that we want the component view to be rendered on the basis of some values coming from the route parameter or we just want to render the component with some additional functionality with the help of some values coming from parameters.
In Angular 2, Data Binding is mainly classified in two ways, namely One-Way data binding (i.e. unidirectional binding) and two-way data binding (i.e. bi-directional binding).
In this article, we are going to learn how to use paramMap observable of ActivatedRoute and also learn how it is better to use than a snapshot to read the parameter. Till now we were using the snapshot to read the route parameter but using snapshot has several drawbacks. So, we will also see the difference how the paramMap is better over snapshot.
In this article, we’ll deploy a very simple application. And I have attached the application code with this article.
In this article, we are going to send data from one template to another through route parameters.
In any Angular application, we use routing to navigate from one view to another. What happens if we don’t define a certain route and we try to navigate to that route? Well, the Angular application will throw an error.
Angular is a JavaScript library or a framework used for building client-side web applications. In this series, we will learn Angular application development from scratch. This is the first part that consists of the overview of Angular.
In this topic we will overview on AngularJS, after getting an overview we will create an ASP.NET MVC application with implementing AngularJS (v1.4.8).
The first version of Angular released in the year of 2010. Some people calls this as AngularJS and some people call as Angular 1. But it is officially named as AngularJS.
Dependency injection is the way of programming in which we try to inject the set of operations called services to the modules. Without dependency injection, if we are creating the application in large scale then we have to repeat the creation certain set of operations everywhere in the application. With the help of Dependency injection we simply create the services that contains the set operations related to creating the data and other manipulations and inject it to everywhere it is using. It allow us to create the loosely coupled application where components are independent of changes done by services externally.
In my previous article, I explained how you can do MVC Angular CRUD Operation using WEB API 2 with Stored Procedure and in this article, I am going to explain how you can populate Cascading Dropdown List from SQL server database in ASP.Net MVC using Angular.
In this article, we are going to learn how the services in angular are being used, How the services are being created, why we create the services and how do we achieve dependency injection in Angular.
In this article, I am going to explain how to work with Dropdown in Angular 2 using Visual Studio Code.
In this article, we will cover how to display component dynamically as a Modal Popup using Material Dialog in Angular 6 application.
Pipes in Angular allow us to display the data in the view after some transformation. It can be applied to different properties like string, integer, date, currency etc.
In this session, I will show you the steps to Implement Angular Datatable in ASP.NET MVC application. There is no need to add filter data and pagination manually. You can get all these benefits by using Datatable. Datatable is an open source.
Learn how to create an ASP.NET Web API backed by SQL Server and Entity Framework, enable CORS, and retrieve employee data in an Angular 6 application.
While working on the Angular live project, we use a real-world API and there might be some delay before the data to display is returned from the server and in that case, we don’t want to display a blank component to the users when waiting for the data. Router Resolve API helps us a lot to resolve this issue.
Let us start working with structural directives that let us work on HTML element by adding/removing its element dynamically. Sometimes we want the particular set of an element to be visible or render based on some condition and also we want the particular set of the element to render multiple times in the DOM.
Export to Excel or CSV file is very common need in every web project which is mostly used for reporting purposes but to export data in excel from data source takes a huge code. Infragistics provide a very simple way to achieve this in Angular which takes either data source or IgxGrid data grid as source and convert it to excel, csv or tsv file very easily. IgxGrid data grid is a vast concept in itself so in this article, we will use the data source to export the file.
You would have seen page loader on the top of the page on various websites when we navigate from one page to another page or one post to another post. I have also seen it on some websites like Angular Official Website, YouTube and many others. I have also worked on a few Angular projects in the last couple of months where this type of page loader has been used a lot there.
In this article, we will focus on components interaction in Angular. Components are the most crucial part of angular application.
In this article, we are going to learn how to set up an Angular 7 application development environment in the Visual Studio code editor. We will create our first Angular 7 application.
In this article, we are going to learn how the event binding works in angular application. As we know that in any module the update on property value in component class will update the view template, that is nothing but the data binding. But sometimes we need the data flow on the basis of some event. The event can be a click of a button, movement of a mouse, double-click, on mouseover etc. So the data binding is simply the binding of property value in component class to the HTML template, but the event binding binds the value from template to the component class.
This Article shows how to make proxy calls or fix the CORS issue in an Angular Application. When we want to communicate out of our Angular application we try to call the WebApi.Here we might face a common issue known as CORS issue.
Here in this post, I am going to explain a bit about one of the Angular 7 feature, which is Drag and Drops. At the end of this article, you will have an application which fetches the real data from the database and binds it to the UI and then performs multi-directional drag and drops
In this article, we are going to learn how to bind property, class, styles of HTML in Angular.
In this article, we are going to learn the reference variable in Angular. Reference variables are used to send the data from a template HTML to the class so as to perform some operation.
In this article, we are going to learn the use of interpolation. Generally, we display the static component from the inline HTML or from templateUrl. What if we want some of the things to change dynamically. Let us suppose we need to show the current username, type of user etc kind of information then we will have to use interpolation. These dynamic values will come from any source through API or services.
Everything on Angular, not only its articles: the Angular page →
Mahesh Chand9 videos · 23 news posts+5.3Kpoints2
Aarav Patel21 articles · 1 reaction received+2.1Kpoints3
Ananya Desai21 articles · 1 reaction received+2.1Kpoints4
Riya Patel20 articles · 1 reaction received+2Kpoints5
Bhavya Singh20 articles+2KpointsFull leaderboard →
DevSocialUpcoming · 3rd editionAI Agents ConferenceNov 23–27, 2026Live onlineMembers only16days leftRegisterMembers onlyWrite an article and earn +1,000 SHARP when it is approved.
Write an article
