Categories
Feature | AngularJS | Angular |
Architecture | Supports MVC design model | Uses components and directives |
Language | Recommended Language: JavaScript | Recommended Language: TypeScript |
Expression Syntax | Specific ng directive is required for the image/property and an event | Uses () to bind an event and [] for property binding |
Mobile Support | Doesn’t provide any mobile support | Provides mobile support |
Routing | $routeprovider.when() is used for routing configs | @RouteConfig{(…)} is used for routing config |
Dependency Injection | Doesn’t supports the concept of Dependency Injection | Supports hierarchical Dependency Injection with a unidirectional tree-based change detection |
Structure | Less manageable | Simplified structure and makes the development and maintenance of large applications easier |
Speed | With two-way data binding development effort and time are reduced | Faster than AngularJS with upgraded features |
Support | No support or new updates are provided anymore | Active support and frequent new updates are made |
Angular 11 | Angular 12 |
TypeScript 3.9 | TypeScript 4.0 |
Enabled ES5 builds | Faster Builds |
Language-service-specific compiler | Ngcc compiler |
Optional Stricter Settings | Webpack 5 Support |
Converting pre-Ivy code | Automatic Inlining of Fonts |
TSLint v6 | Migration to ESLint |
Deprecation of ESM5 or FESM5 bundles | Deprecation of IE 9, 10, and IE mobile |
Recovered Service Worker stores | Clear API surface |
Updated to TSLib 2.9 | Updates on Operation Byelog |
New Default Browser Configuration | Updated Language Service Preview |
Features | jQuery | Angular |
DOM Manipulation | Yes | Yes |
RESTful API | No | Yes |
Animation Support | Yes | Yes |
Deep Linking Routing | No | Yes |
Form Validation | No | Yes |
Two Way Data Binding | No | Yes |
AJAX/JSONP | Yes | Yes |
