AngularJS TypeScript-based open-source front-end framework

AngularJS TypeScript-based open-source front-end framework

Angular (commonly referred to as “Angular 2+” or “Angular v2 and above“)is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.

Differences between Angular and AngularJS


Architecture of an Angular application. The main building blocks are modules, components, templates, metadata, data binding, directives, services and dependency injection.

‘ Angular was a ground-up rewrite of AngularJS’.

  • Angular does not have a concept of “scope” or controllers, instead it uses a hierarchy of components as its primary architectural characteristic.[6]
  • Angular has a different expression syntax, focusing on "[ ]" for property binding, and "( )" for event binding[7]
  • Modularity – much core functionality has moved to modules
  • Angular recommends the use of Microsoft’s TypeScript language, which introduces the following features:
    • Class-based Object Oriented Programming
    • Static Typing
    • Generics
  • TypeScript is a superset of ECMAScript 6 (ES6), and is backwards compatible with ECMAScript 5 (i.e.: JavaScript). Angular also includes ES6:
    • Lambdas
    • Iterators
    • For/Of loops
    • Python-style generators
    • Reflection
  • Dynamic loading
  • Asynchronous template compilation
  • Iterative callbacks provided by RxJS. RxJS limits state visibility and debugging, but these can be solved with reactive add-ons like ngReact or ngrx.