AngularJS && Angular
Download as PPTX, PDF1 like348 views
This document compares AngularJS and Angular frameworks. AngularJS uses two-way data binding, directives, dependency injection and is a client-side MVC framework. Angular was built for mobile and uses TypeScript. Key differences are Angular removes controllers and $scope in favor of components, and changes syntax like ngFor instead of ng-repeat. Angular also supports two-way binding out of the box. Writing Angular code requires knowledge of TypeScript, and its setup is more complex than AngularJS. Advantages include using OOP concepts and active support forums, while disadvantages are needing to learn TypeScript first.
![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>](https://image.slidesharecdn.com/angularjsangular-171205090442/85/AngularJS-Angular-9-320.jpg)
AngularJS && Angular
- 1. ANGULARJS && ANGULAR B4USOLUTION GROUP
- 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
- 3. What’s Angular? DEPENDENCY INJECTIONDATA BINDING
- 4. Overview Angularjs 1x Scope Data Binding Providers Validators Directives Controllers ModulesExpressionFactoriesServicesFilters Dependency Injection
- 5. Advantages AngularJS Two-way data binding Use of custom directive Dependency injection Client side MVC framework with Angular JS
- 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>
- 10. Difference between AngularJS and Angular Factory Service Provider Constant Values 12
- 11. Language to write Angular code
- 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
- 14. Knowledge/Skills Setup environment angular Learn to use AngularJS and Angular Binding data with AngularJS and Angular Create SPA app Use Angular CLI
- 15. Thank for listening !