AngularJS is open source JavaScript framework that can be of help with utilizing Single Page HTML for declaring dynamic views in web-apps. The latest version of Angular 2 gives many advantages over AngularJS 1.x including better performance, lazy loading, simpler APIs, easier debugging and considerably more.
2. AngularJS is a very popular open source JavaScript frameworks in the world of web application development.
Since its inception, it has witnessed phenomenal growth in terms of adoption and community support—both
from individual developers and corporations. The expanded HTML syntax in AngularJS framework is to make the
web applications more expressive and live. The latest version Angular 2 provides many benefits over Angular 1
including dramatically better performance, more effective templating, lazy loading, simpler APIs, easier
debugging and much more.
Introduction
4. Difference between Angular 1.x and Angular 2.0
Better in
Performance
Language
Parsing Tools
Component
Based UI
User Input with
the Event Syntax
5. Architecture of Angular 2
Template
Component
Meta Data
Meta DataDirective
Module
Property
Binding
Event
Binding
Services
Injector
6. Angular 2 Environment
To Start working with Angular 2, you need to get the following key components installed.
• Npm − This is known as the node package manager that is used to work with the open source repositories.
Angular JS as a framework has dependencies on other components. And npm can be used to download
these dependencies and attach them to your project.
• Git − This is the source code software that can be used to get the sample application
from the github angular site.
• Editor − There are many editors that can be used for Angular JS development such as Visual Studio code
and WebStorm. In our tutorial, we will use Visual Studio code which comes free of cost from Microsoft.
7. Angular 2 Component
MODULE COMPONENTS METADATA TEMPLATE
DATA BINDING SERVICE DIRECTIVE
DEPENDENCY
INJECTION