Angular - TS

Angular ab Version 2 ist der Nachfolger von Angular JS.

Angular basiert vor allem auf dem Typ-sichern TS (Typescript), wird aber nach JS compiliert, sodass es in allen gängigen Browsern lauffähig ist.

Angular wird vor allem für Single Page (web-) Applications (SPA) eingesetzt.

Die Strukturierung eines Angular-Webclients erfolgt auf Basis von Komponenten, Modulen, View-Templates, Controllern, Scopes, Filtern und Providern (Factory, Service). Für die Zusammenführung dieser Elemente ist der Dependency-Container von Angular verantwortlich. Hierdurch entsteht eine lose gekoppelte Anwendung, welche aus wiederverwendbaren Teilkomponenten besteht. Unter Berücksichtigung der ISO/IEC 25010 können so wartbare Anwendungen realisiert werden. Angular besitzt einen Mechanismus zur Datenbindung nach dem MVVM-Muster. Hierdurch kann Programmcode zur Synchronisation zwischen View und Anwendungslogik eingespart werden. Durch deklarative Beschreibungen von Datenbindungen innerhalb der View leitet Angular eine bidirektionale Änderungsverfolgung der Werte ein. Dies kann auch starke Auswirkungen auf die Performance einer SPA haben. Technisch gesehen befindet sich Angular hierzu in einer Eventschleife um jede Änderung abzufangen, auszuwerten und ggf. eine Aktualisierung der View zu initiieren. Nicht editierbare Daten können mittels Angular One-Time-Binding von weiteren Aktualisierungen ausgeschlossen werden.

Durch das mitgelieferte Mocking-Modul können Standardfunktionalitäten wie $http durch Attrappen ersetzt werden. Dies ermöglicht die Umsetzung von isolierten Testfällen. Eine Testbarkeit von entwickelten Direktiven ist ebenfalls gegeben.

Unterschiede zwischen Angular und dem früheren AngularJS

Angular wurde als Nachfolger von AngularJS von Grund auf neu geschrieben und unterscheidet sich von diesem in vielerlei Hinsicht:

• Angular kennt keine "scopes" oder Controller, sondern verwendet eine Hierarchie von Komponenten als zentrales Architekturkonzept.
• Mobile-First-Ansatz: Die Anforderungen von mobilen Plattformen haben besondere Priorität.
• Modularität: Ein Teil der Kernfunktionalität wurde in Module verschoben, so dass der Kern leichtgewichtiger und schneller wird.
• Nur moderne Browser werden unterstützt, wodurch weniger Workarounds wegen Browser-Kompatibilitätsproblemen benötigt werden.
• Angular empfiehlt die Verwendung von TypeScript, welches folgende Möglichkeiten bietet:
  • Klassenbasierte objektorientierte Programmierung
  • Statische Typisierung
  • Generics

• IT Helpdesk Lösung
• Digitalisierungs Cockpit