Please enable Javascript to correctly display the contents on Dot Net Tricks!

AngularJS Tutorial

angularjs tutorial for beginners,angularjs recipes,angularjs tips, angularjs tricks, angularjs tips & tricks, angularjs internal,angularjs fresh tips, angularjs latest tutorial
 
Author : Shailendra Chauhan
updated on 23 Nov 2016

AngularJS is most popular MVW JavaScript framework for single page application development. Also, Visual Studio is the best IDE in world to develop your app using JavaScript framework which you love.

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

Today, AngularJS is most popular JavaScript framework to develop single page application. If you are using Visual studio as an IDE for developing your app in angularjs, intellisense support for angularjs help you a lot to develop your application. By default, Visual Studio 2013 doesn't provide better intellisense support while writing AngularJS code.

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

The ng-repeat directive has a set of special variables which you are useful while iterating the collection. These variables are as follows:

 

 

Author : Shailendra Chauhan

AngularJS provides you ng-if, ng-switch directives to display HTML elements based on conditions or cases. ng-repeat directive is used to generate HTML from a collection of items.

 

 

Author : Shailendra Chauhan
updated on 30 Dec 2014

Angular uses $watch APIs to observe model changes on the scope. Angular registered watchers for each variable on scope to observe the change in its value. If the value, of variable on scope is changed then the view gets updated automatically. $watch APIs has following methods to observe model changes on the scope.

 

 

Author : Shailendra Chauhan
updated on 30 Dec 2014

AngularJS provides ngCookies module for reading and writing browser cookies. To use it include the angular-cookies.js file and set ngCookies as a dependency in your angular app. This module provides two services for cookie management: $cookies and $cookieStore.

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

AngularJS provides $on, $emit, and $broadcast services for event-based communication between controllers.

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

The digest loop is responsible to update DOM elements with the changes made to the model as well as executing any registered watcher functions.

 

 

Author : Shailendra Chauhan

Scope data goes through a life cycle when the angular app is loaded into the browser. Understanding the scope life cycle will help you to understand the interaction between scope and other AngularJS components.

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

AngularJS data-binding is the most useful feature which saves you from writing boilerplate code (i.e. the sections of code which is included in many places with little or no alteration).

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

The $scope object used by views in AngularJS are organized into a hierarchy. There is a root scope, and the $rootScope can has one or more child scopes.

 

 

Author : Shailendra Chauhan

AngularJS is automatically initialized for one module. But sometimes, it is required to bootstrap for multiple modules and it can be achieved by using two methods:

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

jQLite is a subset of jQuery that is built directly into AngularJS. jQLite provides you all the useful features of jQuery. In fact it provides you limited features or functions of jQuery.

 

 

Author : Shailendra Chauhan
updated on 26 Sep 2016

Angular initializes automatically upon DOMContentLoaded event or when the angular.js script is downloaded to the browser and the document.readyState is set to complete. At this point AngularJS looks for the ng-app directive which is the root of angular app compilation and tells about AngularJS part within DOM.

 

 

Author : Shailendra Chauhan
updated on 16 Sep 2014

Routing is a mechanism which helps you to divide your single page application into multiple views and bind these views to corresponding controllers. In this article, you will learn how to configure angular routing.

 

 

 
6 JUL
ASP.NET Core with Angular4 Development (Online)

7:00 AM-9:00AM IST(+5:30 GMT)

Know More
5 JUL
NodeJS with Angular4 Development (Online)

08:00 PM-09:30 PM IST(+5.30 GMT)

Know More
1 JUL
ASP.NET MVC with Angular4 Development (Online)

03:30 PM-05:30 PM IST(+5.30 GMT)

Know More
1 JUL
ASP.NET MVC with Angular4 Development (Classroom)

8:00 AM-10:00 AM

Know More
1 JUL
ASP.NET Core with Angular4 Development (Classroom)

3:00PM 5:00PM

Know More
1 JUL
Xamarin Forms : Build Cross-platform Apps (Classroom)

3:00 PM 5:00 PM

Know More
1 JUL
MEAN Stack 2 Development (Classroom)

11:00 AM-12:30 PM

Know More
30 JUN
ASP.NET MVC with Angular4 Development (Online)

07:00 AM-09:00 AM IST(+5.30 GMT)

Know More
29 JUN
Hadoop Development cum Administration (Online)

7:00 AM-9:00AM IST(+5:30 GMT)

Know More
26 JUN
Xamarin Forms : Build Cross-platform Apps (Online)

9:30PM- 11:00PM IST(+5:30GMT)

6 JUN
ASP.NET MVC with Angular4 Development (Online)

09:00 PM-11:00 PM IST(+5.30 GMT)(TT)

3 JUN
ASP.NET MVC with Angular4 Development (Classroom)

4:00 PM-5:30 PM Weekend

20 MAY
Angular2 and Angular4 Development (Online)

08:00 AM-10:00 AM IST(+5.30 GMT) Weekend

20 MAY
NodeJS with Angular4 Development (Classroom)

5:30 PM-7:00 PM Weekend

8 MAY
ASP.NET MVC with Angular4 Development (Online)

07:00 AM-09:00 AM IST(+5:30 GMT) M/W/F

2 MAY
ASP.NET Core Development (Online)

07:00 AM - 09:00 AM IST( TUS, THR)

29 APR
ASP.NET MVC with Angular2 Development (Classroom)

9:30 AM-11:00 AM

BROWSE BY CATEGORY
 
 
LIKE US ON FACEBOOK
 
+