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.
Angular is the next version of Google’s highly popular MV* framework for building complex web applications.
In our previous article, we set up our development environment and created our first Angular application. Clearly, Angular CLI is a genie for the developers – you just have to give a command,and it will create whatever you need.
In this article, we are going to create a single page application in Angular 4.
Learn how data binding works in Angular 4, including model-view synchronization, two-way binding, change detection, and dirty checking.
This article talks about pros and cons of Angular 2 and React that may help your decision making when building your next Web application.
In this article, you will learn how to bind a data to a drop-down list and to an HTML table on selected item from a drop-down list with *ngFor in Angular4.
We have seen the basics of the Routing in Angular in the last article. Now let’s see how Angular offers navigation and how we can use the parameterized routes in Angular. Let’s try to understand how to navigate programmatically from the component and from the template.
Set up the Angular 5 template in Visual Studio 2017 and create an Angular 5 application with .NET Core 2.0, including Webpack configuration and common startup fixes.
Components are the main way we build and specify elements and logic on the page, through both custom elements and attributes that add functionality to our existing components.
This article explains the fundamentals of Angular by creating a simple Angular application with Visual Studio 2017 using the default template available with .NET Core.
In the previous articles - AngularJS from basic to expert Day One and Day Two, we have learned what AngularJS is, its basics, and usage of AngularJS expression and directives. Here we will learn Models, Modules, and Controllers in AngularJS.
Angular routing helps navigation across the application from one view to another view, it also allows us to maintain the state, implement modules and load the modules based on the role of the user. Let’s see in this article how we configure the routing and some basic concepts with it.
Basically, In Angular – we divide our UI into separate components, to increase readability and reusability. So, we can say the Angular application is a tree of Angular components.
In this article, we will learn how to set up an environment for building the first Angular app (with Visual Studio Code).
Forms are the main building blocks of any application. Here we will learn all about Forms.
Imagine what it would be to manually add the configuration files required to bootstrap an Angular 4 application. It is painful, right? For beginners, it might become tedious to declare all these files and manually configure all these files to bootstrap the app. It wouldn't be a good idea to set up the configuration things rather than focus on the framework and its usage. Even for the advanced developer, it might not be a great way to do all these things manually. So, Angular CLI is the solution here
In this article, we will discuss about component concept in Angular 4.0.
These are responsible for the HTML layout they shape or reshape the html element by simply adding or removing the elements in the DOM. These directives are the ways to handle how the component or the element renders in the template .
This article will explain the working of various functions of Angular.js- $scope.$digest(), $scope.$apply(), $rootScope.$digest(), $rootScope.$apply().
In this article, we are going to set up Angular 5 app using Visual Studio Code.
Let's explore the Attribute directive in detail in this article.
It’s very important to setup an environment for development before jumping into coding. For Angular to run we need to install node.js.
There are multiple ways to create an Angular app with Visual Studio and this article explains one of the easiest and simplest ways to create Angular 5 App with Visual Studio 2017 using a template.
In this post, we are going to implement Two Way binding and validations in Angular 5 registration form. So at the end of this article, you will be proficient in how to do validations in Angular. I hope you will like this article.
This post is a continuation of the Angular 5 series
Binding is the process which forms the connection between the application UI and the data which comes from the business logic. In Angular it can be called the automatic synchronization of the data and the view.
In the current application development era, Single Page Application (SPA) is a great feature to develop modern web based applications. In these SPA applications we tend to move the data level dependency from the server side to browser level as much as possible to improve the application performance. So as much as application level functionality moves to the browser level the amount of the data and way to manage these data is also increased. Modern SPA application frameworks like Angular and React use component based architecture that divides our application into small-small sections. Each component contains its own HTML page, stylesheet and its own state(data). This approach is very efficient because it divides our application into small sections that we can manage very easily and also we can reuse these components in our application.
We have seen that we can pass the data between the components using the @Input and @Output directives and using event emitters. Let’s see the other two methods - @View child and the services which can be used to pass the data between components.
This article will demonstrate about how to show loading message or any spinner image when your chart is being loaded or drilldown chart is being loaded using Highcharts Library in Angular JS with Web API.
AngularJS supports a Single page application routing module called ngRoute. When a user requests a specific url, the routing engine fetches that url and renders the view based on the defined routing rules. AngularJS appends '/#/' to the url to redirect to a particular url using $location service. For example, to redirect to '/Article', the url would be http://localhost/#/Article.
Everything on Angular, not only its articles: the Angular page →
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