2. Agenda
What is AngularJS?
Overview Angularjs 1x
Advantages AngularJS
Angular (Angular 2x,4x)
Difference between AngularJS and Angular
Language to write Angular code
Advantages and disadvantages Angular
Knowledge/Skill
7. Difference between AngularJS and Angular
AngularJS Angular
Not built with mobile Built with mobile
Javascript ES5, ES6, TypeScript, JavaScipt,
Dart, CoffeeScript, v.v.v
Set up Easy Set up not Easy
Have Controllers and $scope Remove $scope and replace
Controller by Component
8. Difference between AngularJS and Angular
AngularJS Angular
ng-repeat *ngFor
ng-class ngClass
ng-model ng-model
ng-href href
ng-src src
ng-hide hidden
See more change in : https://angular.io/guide/ajs-quick-reference
9. Difference between AngularJS and Angular
AngularJS Angular
<input ng-bind="technology.name"></input> <input [value]="technology.name"></input>
<div [style.color]="color">Some text...</div>
One way data binding
Two way data binding
<input ng-model="technology.name"></input> <input [(ngModel)]="technology.name"></input>
12. Advantages and disadvantages Angular
Advantages Disadvantages
Angular2 is developed using Typescript
enabling us to optimize the code using
OOPS concept
There are numerous active forums where
you can get immediate and reliable
support
The Angular CLI makes it easy to setup
angular environment
The web developer has to be familiar with
TypeScript before starting development
on Angular
The web developer has to be familiar with
TypeScript before starting development
on Angular