Over a million developers have joined DZone.

Basics of AngularJs – Part 2

DZone's Guide to

Basics of AngularJs – Part 2

· ·
Free Resource

I have explained introduction of AngularJS in my previous article and now we will discuss the basic concept of AngularJS and why we need to use AngularJS and its features.

Introduction to AngularJS

Basics of AngularJS

You can also read this article to my blog here

What is AngularJS?

AngularJS is a javascript framework for created to build a structured and dynamic web application.

Why AngularJS?

  • It is a lightweight platform and open source
  • We can use many ways to structure a web application at client side
  • Added attaching directives, custom tags, attributes, expressions, templates within HTML
  • It can support to test driven development (TDD)
  • It can support to MVC and MVVM design pattern
  • We can easily do maintainability and extensibility
  • We can easily code reuse in application
  • We can develop for Single Page Application

Features of AngularJS

  • Data Binding: Two-Way Data Binding
  • Directives
  • MVC design pattern
  • Dependency Injection
  • Testing
  • Routing
  • Templates
  • Models
  • Controllers
  • Validation
  • Filters


Data binding is automatic updating the changes of data between the model and view. When the model changes, the view reflect the changes and vice versa.

Image title


Directive can be used in element name, attributes, class names as well as comments.

Name:  <input id="Text1" type="text" ng-model="name"/> 



It is contains a business logic with an application functionality and notify view changes.


It is render the model data and send user request to controller.


It is contains an application behaviour and maps user action to model, select view for response.

Image title


Dependency Injection (DI) is a software design pattern that deals with how components get hold of their dependencies.


We can use filter format data for display to the user.

{{expression | filter_name}}
{{expression | filter1 | filter2 | ...}}


This article helps you to understand the basics of AngularJS and its features.

Thank you for reading my articles. Please kindly share your valuable comments and suggestion with me.

angularjs ,asp.net ,c#

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}