AngularJS - Versionsgeschichte

Markus rp: /* Konzept */Tippfehler

2024-03-15T06:30:32Z

Konzept: Tippfehler

← Nächstältere Version		Version vom 15. März 2024, 08:30 Uhr
Zeile 37:		Zeile 37:
	* '''Provider''' stellen weitere Funktionalitäten (üblicherweise unter anderem die Interaktion mit einem [[Front-End und Back-End\|Backend]]) zur Verfügung.		* '''Provider''' stellen weitere Funktionalitäten (üblicherweise unter anderem die Interaktion mit einem [[Front-End und Back-End\|Backend]]) zur Verfügung.

	Diese Module werden vom sogenannten ''Dependency-Injection-Container'' beim Aufruf der Applikation durch [[Bootstrapping (Programmierung)\|Bootstrapping]] zu einem lose gekoppelten Programm zusammengeführt, welches aus wiederverwertbaren Teilkomponenten besteht. So entsteht eine wartbare Software im Sinne der [[ISO/IEC 25000\|ISO/IEC 25010]]. Technisch gesehen ist eine solche Anwendung eine Eventschleife, die jede Änderung abfängt, auswertet und ~~gff~~. Aktualisierungen in der Präsentation initiiert. Nichtveränderliche Daten können mittels eines ''One-Time-Bindings'' einmalig gebunden und von weiteren Aktualisierungen ausgeschlossen werden.		Diese Module werden vom sogenannten ''Dependency-Injection-Container'' beim Aufruf der Applikation durch [[Bootstrapping (Programmierung)\|Bootstrapping]] zu einem lose gekoppelten Programm zusammengeführt, welches aus wiederverwertbaren Teilkomponenten besteht. So entsteht eine wartbare Software im Sinne der [[ISO/IEC 25000\|ISO/IEC 25010]]. Technisch gesehen ist eine solche Anwendung eine Eventschleife, die jede Änderung abfängt, auswertet und ggf. Aktualisierungen in der Präsentation initiiert. Nichtveränderliche Daten können mittels eines ''One-Time-Bindings'' einmalig gebunden und von weiteren Aktualisierungen ausgeschlossen werden.

	Ein mitgeliefertes [[Mock-Objekt\|Mocking]]-Modul erlaubt es Standardfunktionalitäten, wie die Komponente zum durchführen von HTTP-Anfragen, durch Attrappen zu ersetzen und so isolierte [[Testfall\|Testfälle]] umzusetzen, ohne tatsächlich Anfragen zu verschicken oder Daten zu verändern. Dadurch ist die isolierte Testbarkeit der einzelnen Module gegeben.<ref>{{Internetquelle \|url=https://docs.angularjs.org/api/ngMock \|titel=API Reference / ngMock \|werk=angularjs.org \|abruf=2019-09-02 \|sprache=en}}</ref>		Ein mitgeliefertes [[Mock-Objekt\|Mocking]]-Modul erlaubt es Standardfunktionalitäten, wie die Komponente zum durchführen von HTTP-Anfragen, durch Attrappen zu ersetzen und so isolierte [[Testfall\|Testfälle]] umzusetzen, ohne tatsächlich Anfragen zu verschicken oder Daten zu verändern. Dadurch ist die isolierte Testbarkeit der einzelnen Module gegeben.<ref>{{Internetquelle \|url=https://docs.angularjs.org/api/ngMock \|titel=API Reference / ngMock \|werk=angularjs.org \|abruf=2019-09-02 \|sprache=en}}</ref>

APPERbot: Bot: Syntaxhighlight: Sprache html4strict und html5 nach html korrigiert, siehe H:SYH , Vorlage Commonscat an Inhalte in Commons angepasst, http nach https umgestellt

2023-06-19T16:01:29Z

Bot: Syntaxhighlight: Sprache html4strict und html5 nach html korrigiert, siehe H:SYH , Vorlage Commonscat an Inhalte in Commons angepasst, http nach https umgestellt

← Nächstältere Version		Version vom 19. Juni 2023, 18:01 Uhr
Zeile 13:		Zeile 13:
	\| Lizenz = [[MIT-Lizenz]]		\| Lizenz = [[MIT-Lizenz]]
	\| Deutsch = nein		\| Deutsch = nein
	\| Website = [~~http~~://www.angularjs.org/ www.angularjs.org]		\| Website = [https://www.angularjs.org/ www.angularjs.org]
	}}		}}

Zeile 83:		Zeile 83:

	=== Routen in Single-Page-Applikationen ===		=== Routen in Single-Page-Applikationen ===
	In Single-Page-Applikationen werden mit Routen die Zuordnung von [[Uniform Resource Locator\|URLs]] zu spezifischen Ansichten festgelegt. Zu diesem Zweck stellt AngularJS das <code>ngRoute</code>-Modul<ref>{{Internetquelle \|url=~~http~~://docs.angularjs.org/api/ngRoute \|titel=ngRoute \|werk=AngularJS Developer Documentation \|sprache=en \|zugriff=2013-10-02}}</ref> bereit. Damit können innerhalb der globalen HTML-Vorlage verschiedene Ansichten (HTML-Fragmente) dynamisch in ein Element mit der <code>ng-view</code>-Direktive<ref>{{Internetquelle \|url=~~http~~://docs.angularjs.org/api/ngRoute.directive:ngView \|titel=ngView \|werk=AngularJS Developer Documentation \|sprache=en \|zugriff=2013-10-02}}</ref> nachgeladen werden.		In Single-Page-Applikationen werden mit Routen die Zuordnung von [[Uniform Resource Locator\|URLs]] zu spezifischen Ansichten festgelegt. Zu diesem Zweck stellt AngularJS das <code>ngRoute</code>-Modul<ref>{{Internetquelle \|url=https://docs.angularjs.org/api/ngRoute \|titel=ngRoute \|werk=AngularJS Developer Documentation \|sprache=en \|zugriff=2013-10-02}}</ref> bereit. Damit können innerhalb der globalen HTML-Vorlage verschiedene Ansichten (HTML-Fragmente) dynamisch in ein Element mit der <code>ng-view</code>-Direktive<ref>{{Internetquelle \|url=https://docs.angularjs.org/api/ngRoute.directive:ngView \|titel=ngView \|werk=AngularJS Developer Documentation \|sprache=en \|zugriff=2013-10-02}}</ref> nachgeladen werden.

	Dabei kann man nur eine einzelne <code>ng-view</code>-Direktive pro Seite angeben. Abhilfe schafft hier der alternative [[Benutzerschnittstelle\|UI]]-Router des AngularUI-Projekts, dessen Funktionsumfang weitaus größer ist<ref>{{Internetquelle \|url=~~http~~://angular-ui.github.io/ \|titel=AngularUI for AngularJS \|zugriff=2014-08-27 \|sprache=en}}</ref><ref>{{Internetquelle \|url=http://jswiki.de/UI-Router \|titel=UI-Router – JsWiki.de, das deutsche Wiki rund um JavaScript \|zugriff=2015-03-19 \|sprache=de \|archiv-bot=2019-04-22 19:33:03 InternetArchiveBot \|offline=ja \|archiv-url=https://web.archive.org/web/20150402105954/http://jswiki.de/UI-Router \|archiv-datum=2015-04-02 }}</ref><ref>{{Internetquelle \|url=https://www.heise.de/developer/artikel/Verschachtelte-Ansichten-mit-AngularJS-1857240.html \|titel=Verschachtelte Ansichten mit AngularJS \|werk=Heise Developer \|hrsg=[[Verlag Heinz Heise]] \|datum=2013-05-06 \|zugriff=2013-10-02 \|autor=Golo Roden \|sprache=de}}</ref>, sowie das Modul ''Angular-Route-Segment'', welches leichtgewichtiger ist und die Schnittstelle des vorhandenen AngularJS-Routers lediglich erweitert.<ref>{{Internetquelle \|url=http://angular-route-segment.com/ \|titel=angular-route-segment.com \|zugriff=2015-03-19 \|sprache=en}}</ref><ref>{{Internetquelle \|url=http://jswiki.de/Angular-Route-Segment \|titel=Angular-Route-Segment – JsWiki.de, das deutsche Wiki rund um JavaScript \|zugriff=2015-03-19 \|sprache=de \|archiv-bot=2019-04-22 19:33:03 InternetArchiveBot \|offline=ja \|archiv-url=https://web.archive.org/web/20150402151910/http://jswiki.de/Angular-Route-Segment \|archiv-datum=2015-04-02 }}</ref>		Dabei kann man nur eine einzelne <code>ng-view</code>-Direktive pro Seite angeben. Abhilfe schafft hier der alternative [[Benutzerschnittstelle\|UI]]-Router des AngularUI-Projekts, dessen Funktionsumfang weitaus größer ist<ref>{{Internetquelle \|url=https://angular-ui.github.io/ \|titel=AngularUI for AngularJS \|zugriff=2014-08-27 \|sprache=en}}</ref><ref>{{Internetquelle \|url=http://jswiki.de/UI-Router \|titel=UI-Router – JsWiki.de, das deutsche Wiki rund um JavaScript \|zugriff=2015-03-19 \|sprache=de \|archiv-bot=2019-04-22 19:33:03 InternetArchiveBot \|offline=ja \|archiv-url=https://web.archive.org/web/20150402105954/http://jswiki.de/UI-Router \|archiv-datum=2015-04-02 }}</ref><ref>{{Internetquelle \|url=https://www.heise.de/developer/artikel/Verschachtelte-Ansichten-mit-AngularJS-1857240.html \|titel=Verschachtelte Ansichten mit AngularJS \|werk=Heise Developer \|hrsg=[[Verlag Heinz Heise]] \|datum=2013-05-06 \|zugriff=2013-10-02 \|autor=Golo Roden \|sprache=de}}</ref>, sowie das Modul ''Angular-Route-Segment'', welches leichtgewichtiger ist und die Schnittstelle des vorhandenen AngularJS-Routers lediglich erweitert.<ref>{{Internetquelle \|url=http://angular-route-segment.com/ \|titel=angular-route-segment.com \|zugriff=2015-03-19 \|sprache=en}}</ref><ref>{{Internetquelle \|url=http://jswiki.de/Angular-Route-Segment \|titel=Angular-Route-Segment – JsWiki.de, das deutsche Wiki rund um JavaScript \|zugriff=2015-03-19 \|sprache=de \|archiv-bot=2019-04-22 19:33:03 InternetArchiveBot \|offline=ja \|archiv-url=https://web.archive.org/web/20150402151910/http://jswiki.de/Angular-Route-Segment \|archiv-datum=2015-04-02 }}</ref>

	Das <code>$location</code>-Objekt<ref>{{Internetquelle \|url=~~http~~://docs.angularjs.org/guide/dev_guide.services.$location \|titel=Using $location \|werk=AngularJS Developer Documentation \|sprache=en \|zugriff=2013-10-02}}</ref> erlaubt die direkte Verarbeitung der Browser-URL, so dass eine Seitennavigation simuliert werden kann.		Das <code>$location</code>-Objekt<ref>{{Internetquelle \|url=https://docs.angularjs.org/guide/dev_guide.services.$location \|titel=Using $location \|werk=AngularJS Developer Documentation \|sprache=en \|zugriff=2013-10-02}}</ref> erlaubt die direkte Verarbeitung der Browser-URL, so dass eine Seitennavigation simuliert werden kann.

	== Hallo-Welt-Programm ==		== Hallo-Welt-Programm ==
Zeile 93:		Zeile 93:

	In <code>Default.html</code>:		In <code>Default.html</code>:
	<syntaxhighlight lang="~~html5~~">		<syntaxhighlight lang="html">
	<!DOCTYPE html>		<!DOCTYPE html>
	<html>		<html>
Zeile 126:		Zeile 126:

	== Angulardart ==		== Angulardart ==
	Mit Angulardart ist eine Version für die Programmiersprache [[Dart (Programmiersprache)\|Dart]] verfügbar. Angulardart lehnt sich eng an AngularJS an, wobei die zusätzlichen Möglichkeiten von Dart wie Metadaten, Typen und Klassen genutzt werden.<ref>[https://angulardart.org/ AngularDart – Superheroic MVW Framework for Dart]</ref><ref>[~~http~~://www.golem.de/news/angulardart-angularjs-auf-dart-portiert-1311-102579.html ''ANGULARDART – AngularJS auf Dart portiert''.] golem.de, 6. November 2013.</ref>		Mit Angulardart ist eine Version für die Programmiersprache [[Dart (Programmiersprache)\|Dart]] verfügbar. Angulardart lehnt sich eng an AngularJS an, wobei die zusätzlichen Möglichkeiten von Dart wie Metadaten, Typen und Klassen genutzt werden.<ref>[https://angulardart.org/ AngularDart – Superheroic MVW Framework for Dart]</ref><ref>[https://www.golem.de/news/angulardart-angularjs-auf-dart-portiert-1311-102579.html ''ANGULARDART – AngularJS auf Dart portiert''.] golem.de, 6. November 2013.</ref>

	== Siehe auch ==		== Siehe auch ==
Zeile 158:		Zeile 158:

	== Weblinks ==		== Weblinks ==
	{{Commonscat}}		{{Commonscat\|audio=0\|video=0}}
	* [https://angularjs.org/ Offizielle Webpräsenz von AngularJS] (englisch)		* [https://angularjs.org/ Offizielle Webpräsenz von AngularJS] (englisch)
	* [~~http~~://angular.de/ Inoffizielle deutschsprachige Website zu AngularJS]		* [https://angular.de/ Inoffizielle deutschsprachige Website zu AngularJS]

	== Einzelnachweise ==		== Einzelnachweise ==

217.61.199.21: ,

2023-03-26T15:32:57Z

← Nächstältere Version		Version vom 26. März 2023, 17:32 Uhr
Zeile 21:		Zeile 21:

	== Konzept ==		== Konzept ==
	Die Philosophie von AngularJS basiert auf der Annahme, dass deklarative Programmierung (in [[Hypertext Markup Language\|HTML]]) verwendet werden sollte um Benutzeroberflächen zu gestalten und Softwarekomponenten miteinander zu verbinden, während imperative Programmierung (in JavaScript in Form von AngularJS) für die Umsetzung von Programmlogik verwendet werden sollte.		Die Philosophie von AngularJS basiert auf der Annahme, dass deklarative Programmierung (in [[Hypertext Markup Language\|HTML]]) verwendet werden sollte, um Benutzeroberflächen zu gestalten und Softwarekomponenten miteinander zu verbinden, während imperative Programmierung (in JavaScript in Form von AngularJS) für die Umsetzung von Programmlogik verwendet werden sollte.

	Der Aufbau von AngularJS orientiert sich lose am [[Model View Controller\|MVC]]-Muster, insbesondere dem MVVM-Muster, nach welchem eine Software in Models (Datenmodelle), Views (Benutzeroberfläche) und ViewModels (zur Veränderung der Benutzeroberfläche nach Interaktion mit den Daten) gegliedert wird.<ref>{{Internetquelle \|autor=Golo Roden \|url=https://www.heise.de/developer/artikel/Webanwendungen-mit-AngularJS-1955101.html?seite=all \|titel=Webanwendungen mit AngularJS \|hrsg=Heise Online \|datum=2013-09-13 \|abruf=2019-09-02 \|sprache=de}}</ref>		Der Aufbau von AngularJS orientiert sich lose am [[Model View Controller\|MVC]]-Muster, insbesondere dem MVVM-Muster, nach welchem eine Software in Models (Datenmodelle), Views (Benutzeroberfläche) und ViewModels (zur Veränderung der Benutzeroberfläche nach Interaktion mit den Daten) gegliedert wird.<ref>{{Internetquelle \|autor=Golo Roden \|url=https://www.heise.de/developer/artikel/Webanwendungen-mit-AngularJS-1955101.html?seite=all \|titel=Webanwendungen mit AngularJS \|hrsg=Heise Online \|datum=2013-09-13 \|abruf=2019-09-02 \|sprache=de}}</ref>

195.69.193.48: Der Satz war nicht vollständig. Wählte "publiziert" da diese Formulierung auch im Artikel von Angular 2+ genutzt wurde.

2023-03-14T14:27:06Z

Der Satz war nicht vollständig. Wählte "publiziert" da diese Formulierung auch im Artikel von Angular 2+ genutzt wurde.

← Nächstältere Version		Version vom 14. März 2023, 16:27 Uhr
Zeile 16:		Zeile 16:
	}}		}}

	'''AngularJS''' (zur Abgrenzung vom Nachfolger [[Angular]] (Version 2 und höher) auch '''AngularJS 1''' oder '''Angular 1''' bezeichnet) ist ein [[Clientseitige Anwendung\|clientseitiges]] [[JavaScript]]-[[Webframework]] zur Erstellung von [[Single-Page-Webanwendung]]en nach einem [[Model View ViewModel\|Model-View-ViewModel]]-Muster. Die [[Softwareentwicklung]] und das [[Komponententest]]en können damit vereinfacht werden. Es wurde als [[Open Source\|Open-Source]]-[[Framework]] vom [[Vereinigte Staaten\|US-amerikanischen]] Unternehmen [[Google Inc.]] Der Long Term Support (LTS) wurde am 31. Dezember 2021 eingestellt.<ref>[https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c Stable AngularJS and Long Term Support]</ref>		'''AngularJS''' (zur Abgrenzung vom Nachfolger [[Angular]] (Version 2 und höher) auch '''AngularJS 1''' oder '''Angular 1''' bezeichnet) ist ein [[Clientseitige Anwendung\|clientseitiges]] [[JavaScript]]-[[Webframework]] zur Erstellung von [[Single-Page-Webanwendung]]en nach einem [[Model View ViewModel\|Model-View-ViewModel]]-Muster. Die [[Softwareentwicklung]] und das [[Komponententest]]en können damit vereinfacht werden. Es wurde als [[Open Source\|Open-Source]]-[[Framework]] vom [[Vereinigte Staaten\|US-amerikanischen]] Unternehmen [[Google Inc.]] publiziert. Der Long Term Support (LTS) wurde am 31. Dezember 2021 eingestellt.<ref>[https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c Stable AngularJS and Long Term Support]</ref>

	Im September 2016 wurde die stark verbesserte, nicht rückwärts-kompatible Version [[Angular 2]] herausgegeben.<ref>{{Webarchiv\|url=https://www.agriya.com/blog/2016/09/27/angularjs-is-no-more-the-future-of-typescript-and-angular-2/ \|wayback=20170131171244 \|text=AngularJS is No More – The Future of TypeScript and Angular 2? \|archiv-bot=2023-03-05 14:14:18 InternetArchiveBot }}</ref> Der Begriff ''AngularJS'' wird nunmehr eingeschränkt auf Version 1 verwendet, ''Angular'' ohne Zusatz nur für die höheren Versionen.		Im September 2016 wurde die stark verbesserte, nicht rückwärts-kompatible Version [[Angular 2]] herausgegeben.<ref>{{Webarchiv\|url=https://www.agriya.com/blog/2016/09/27/angularjs-is-no-more-the-future-of-typescript-and-angular-2/ \|wayback=20170131171244 \|text=AngularJS is No More – The Future of TypeScript and Angular 2? \|archiv-bot=2023-03-05 14:14:18 InternetArchiveBot }}</ref> Der Begriff ''AngularJS'' wird nunmehr eingeschränkt auf Version 1 verwendet, ''Angular'' ohne Zusatz nur für die höheren Versionen.

InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.3

2023-03-05T14:14:18Z

InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.3

← Nächstältere Version		Version vom 5. März 2023, 16:14 Uhr
Zeile 18:		Zeile 18:
	'''AngularJS''' (zur Abgrenzung vom Nachfolger [[Angular]] (Version 2 und höher) auch '''AngularJS 1''' oder '''Angular 1''' bezeichnet) ist ein [[Clientseitige Anwendung\|clientseitiges]] [[JavaScript]]-[[Webframework]] zur Erstellung von [[Single-Page-Webanwendung]]en nach einem [[Model View ViewModel\|Model-View-ViewModel]]-Muster. Die [[Softwareentwicklung]] und das [[Komponententest]]en können damit vereinfacht werden. Es wurde als [[Open Source\|Open-Source]]-[[Framework]] vom [[Vereinigte Staaten\|US-amerikanischen]] Unternehmen [[Google Inc.]] Der Long Term Support (LTS) wurde am 31. Dezember 2021 eingestellt.<ref>[https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c Stable AngularJS and Long Term Support]</ref>		'''AngularJS''' (zur Abgrenzung vom Nachfolger [[Angular]] (Version 2 und höher) auch '''AngularJS 1''' oder '''Angular 1''' bezeichnet) ist ein [[Clientseitige Anwendung\|clientseitiges]] [[JavaScript]]-[[Webframework]] zur Erstellung von [[Single-Page-Webanwendung]]en nach einem [[Model View ViewModel\|Model-View-ViewModel]]-Muster. Die [[Softwareentwicklung]] und das [[Komponententest]]en können damit vereinfacht werden. Es wurde als [[Open Source\|Open-Source]]-[[Framework]] vom [[Vereinigte Staaten\|US-amerikanischen]] Unternehmen [[Google Inc.]] Der Long Term Support (LTS) wurde am 31. Dezember 2021 eingestellt.<ref>[https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c Stable AngularJS and Long Term Support]</ref>

	Im September 2016 wurde die stark verbesserte, nicht rückwärts-kompatible Version [[Angular 2]] herausgegeben.<ref>[https://www.agriya.com/blog/2016/09/27/angularjs-is-no-more-the-future-of-typescript-and-angular-2/ AngularJS is No More – The Future of TypeScript and Angular 2?]</ref> Der Begriff ''AngularJS'' wird nunmehr eingeschränkt auf Version 1 verwendet, ''Angular'' ohne Zusatz nur für die höheren Versionen.		Im September 2016 wurde die stark verbesserte, nicht rückwärts-kompatible Version [[Angular 2]] herausgegeben.<ref>{{Webarchiv\|url=https://www.agriya.com/blog/2016/09/27/angularjs-is-no-more-the-future-of-typescript-and-angular-2/ \|wayback=20170131171244 \|text=AngularJS is No More – The Future of TypeScript and Angular 2? \|archiv-bot=2023-03-05 14:14:18 InternetArchiveBot }}</ref> Der Begriff ''AngularJS'' wird nunmehr eingeschränkt auf Version 1 verwendet, ''Angular'' ohne Zusatz nur für die höheren Versionen.

	== Konzept ==		== Konzept ==

WikiBayer: Änderungen von 45.249.171.27 (Diskussion) wurden auf die letzte Version von 89.1.74.98 zurückgesetzt: unerwünschte Weblinks

2022-06-22T07:49:26Z

Änderungen von 45.249.171.27 (Diskussion) wurden auf die letzte Version von 89.1.74.98 zurückgesetzt: unerwünschte Weblinks

← Nächstältere Version		Version vom 22. Juni 2022, 09:49 Uhr
Zeile 25:		Zeile 25:
	Der Aufbau von AngularJS orientiert sich lose am [[Model View Controller\|MVC]]-Muster, insbesondere dem MVVM-Muster, nach welchem eine Software in Models (Datenmodelle), Views (Benutzeroberfläche) und ViewModels (zur Veränderung der Benutzeroberfläche nach Interaktion mit den Daten) gegliedert wird.<ref>{{Internetquelle \|autor=Golo Roden \|url=https://www.heise.de/developer/artikel/Webanwendungen-mit-AngularJS-1955101.html?seite=all \|titel=Webanwendungen mit AngularJS \|hrsg=Heise Online \|datum=2013-09-13 \|abruf=2019-09-02 \|sprache=de}}</ref>		Der Aufbau von AngularJS orientiert sich lose am [[Model View Controller\|MVC]]-Muster, insbesondere dem MVVM-Muster, nach welchem eine Software in Models (Datenmodelle), Views (Benutzeroberfläche) und ViewModels (zur Veränderung der Benutzeroberfläche nach Interaktion mit den Daten) gegliedert wird.<ref>{{Internetquelle \|autor=Golo Roden \|url=https://www.heise.de/developer/artikel/Webanwendungen-mit-AngularJS-1955101.html?seite=all \|titel=Webanwendungen mit AngularJS \|hrsg=Heise Online \|datum=2013-09-13 \|abruf=2019-09-02 \|sprache=de}}</ref>

	~~[https://www.armia.com/angular_js.php~~ AngularJS] erweitert das Vokabular von HTML um neue Tags und Parameter, die ''Direktiven'', aus welchen zur Laufzeit Funktionalität generiert wird. Dies geschieht über sogenannte ''Datenbindungen'', durch welche einzelne Elemente einer Webapplikation mit einem Datensatz verkoppelt werden. Interagiert der Benutzer mit der Applikation, können die Datensätze verändert oder anders dargestellt werden, etwa durch die Sortierung einer Tabelle nach einem anderen Kriterium. So kann Funktionalität erzeugt werden, ohne auf [[Document Object Model\|DOM]]-Manipulation via [[jQuery]] oder ähnlicher [[Softwarebibliothek\|Bibliotheken]] zurückzugreifen.		AngularJS erweitert das Vokabular von HTML um neue Tags und Parameter, die ''Direktiven'', aus welchen zur Laufzeit Funktionalität generiert wird. Dies geschieht über sogenannte ''Datenbindungen'', durch welche einzelne Elemente einer Webapplikation mit einem Datensatz verkoppelt werden. Interagiert der Benutzer mit der Applikation, können die Datensätze verändert oder anders dargestellt werden, etwa durch die Sortierung einer Tabelle nach einem anderen Kriterium. So kann Funktionalität erzeugt werden, ohne auf [[Document Object Model\|DOM]]-Manipulation via [[jQuery]] oder ähnlicher [[Softwarebibliothek\|Bibliotheken]] zurückzugreifen.

	Die verwendeten Datenmodelle werden nicht in AngularJS selbst definiert, sondern übernommen wie sie sind. Insbesondere gibt es keine clientseitige Entitätenverwaltung, wie in anderen Single-Page-Frameworks.		Die verwendeten Datenmodelle werden nicht in AngularJS selbst definiert, sondern übernommen wie sie sind. Insbesondere gibt es keine clientseitige Entitätenverwaltung, wie in anderen Single-Page-Frameworks.

45.249.171.27 am 22. Juni 2022 um 07:48 Uhr

2022-06-22T07:48:49Z

← Nächstältere Version		Version vom 22. Juni 2022, 09:48 Uhr
Zeile 25:		Zeile 25:
	Der Aufbau von AngularJS orientiert sich lose am [[Model View Controller\|MVC]]-Muster, insbesondere dem MVVM-Muster, nach welchem eine Software in Models (Datenmodelle), Views (Benutzeroberfläche) und ViewModels (zur Veränderung der Benutzeroberfläche nach Interaktion mit den Daten) gegliedert wird.<ref>{{Internetquelle \|autor=Golo Roden \|url=https://www.heise.de/developer/artikel/Webanwendungen-mit-AngularJS-1955101.html?seite=all \|titel=Webanwendungen mit AngularJS \|hrsg=Heise Online \|datum=2013-09-13 \|abruf=2019-09-02 \|sprache=de}}</ref>		Der Aufbau von AngularJS orientiert sich lose am [[Model View Controller\|MVC]]-Muster, insbesondere dem MVVM-Muster, nach welchem eine Software in Models (Datenmodelle), Views (Benutzeroberfläche) und ViewModels (zur Veränderung der Benutzeroberfläche nach Interaktion mit den Daten) gegliedert wird.<ref>{{Internetquelle \|autor=Golo Roden \|url=https://www.heise.de/developer/artikel/Webanwendungen-mit-AngularJS-1955101.html?seite=all \|titel=Webanwendungen mit AngularJS \|hrsg=Heise Online \|datum=2013-09-13 \|abruf=2019-09-02 \|sprache=de}}</ref>

	AngularJS erweitert das Vokabular von HTML um neue Tags und Parameter, die ''Direktiven'', aus welchen zur Laufzeit Funktionalität generiert wird. Dies geschieht über sogenannte ''Datenbindungen'', durch welche einzelne Elemente einer Webapplikation mit einem Datensatz verkoppelt werden. Interagiert der Benutzer mit der Applikation, können die Datensätze verändert oder anders dargestellt werden, etwa durch die Sortierung einer Tabelle nach einem anderen Kriterium. So kann Funktionalität erzeugt werden, ohne auf [[Document Object Model\|DOM]]-Manipulation via [[jQuery]] oder ähnlicher [[Softwarebibliothek\|Bibliotheken]] zurückzugreifen.		[https://www.armia.com/angular_js.php AngularJS] erweitert das Vokabular von HTML um neue Tags und Parameter, die ''Direktiven'', aus welchen zur Laufzeit Funktionalität generiert wird. Dies geschieht über sogenannte ''Datenbindungen'', durch welche einzelne Elemente einer Webapplikation mit einem Datensatz verkoppelt werden. Interagiert der Benutzer mit der Applikation, können die Datensätze verändert oder anders dargestellt werden, etwa durch die Sortierung einer Tabelle nach einem anderen Kriterium. So kann Funktionalität erzeugt werden, ohne auf [[Document Object Model\|DOM]]-Manipulation via [[jQuery]] oder ähnlicher [[Softwarebibliothek\|Bibliotheken]] zurückzugreifen.

	Die verwendeten Datenmodelle werden nicht in AngularJS selbst definiert, sondern übernommen wie sie sind. Insbesondere gibt es keine clientseitige Entitätenverwaltung, wie in anderen Single-Page-Frameworks.		Die verwendeten Datenmodelle werden nicht in AngularJS selbst definiert, sondern übernommen wie sie sind. Insbesondere gibt es keine clientseitige Entitätenverwaltung, wie in anderen Single-Page-Frameworks.

89.1.74.98 am 19. Januar 2022 um 13:33 Uhr

2022-01-19T13:33:22Z

← Nächstältere Version		Version vom 19. Januar 2022, 15:33 Uhr
Zeile 16:		Zeile 16:
	}}		}}

	'''AngularJS''' (zur Abgrenzung vom Nachfolger [[Angular]] (Version 2 und höher) auch '''AngularJS 1''' oder '''Angular 1''' bezeichnet) ist ein [[Clientseitige Anwendung\|clientseitiges]] [[JavaScript]]-[[Webframework]] zur Erstellung von [[Single-Page-Webanwendung]]en nach einem [[Model View ViewModel\|Model-View-ViewModel]]-Muster. Die [[Softwareentwicklung]] und das [[Komponententest]]en können damit vereinfacht werden. Es wurde als [[Open Source\|Open-Source]]-[[Framework]] vom [[Vereinigte Staaten\|US-amerikanischen]] Unternehmen [[Google Inc.]] ~~entwickelt~~ ~~und~~ ~~wird~~ ~~noch~~ ~~bis~~ ~~Ende~~ 2021 ~~supported~~.<ref>[https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c Stable AngularJS and Long Term Support]</ref>		'''AngularJS''' (zur Abgrenzung vom Nachfolger [[Angular]] (Version 2 und höher) auch '''AngularJS 1''' oder '''Angular 1''' bezeichnet) ist ein [[Clientseitige Anwendung\|clientseitiges]] [[JavaScript]]-[[Webframework]] zur Erstellung von [[Single-Page-Webanwendung]]en nach einem [[Model View ViewModel\|Model-View-ViewModel]]-Muster. Die [[Softwareentwicklung]] und das [[Komponententest]]en können damit vereinfacht werden. Es wurde als [[Open Source\|Open-Source]]-[[Framework]] vom [[Vereinigte Staaten\|US-amerikanischen]] Unternehmen [[Google Inc.]] Der Long Term Support (LTS) wurde am 31. Dezember 2021 eingestellt.<ref>[https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c Stable AngularJS and Long Term Support]</ref>

	Im September 2016 wurde die stark verbesserte, nicht rückwärts-kompatible Version [[Angular 2]] herausgegeben.<ref>[https://www.agriya.com/blog/2016/09/27/angularjs-is-no-more-the-future-of-typescript-and-angular-2/ AngularJS is No More – The Future of TypeScript and Angular 2?]</ref> Der Begriff ''AngularJS'' wird nunmehr eingeschränkt auf Version 1 verwendet, ''Angular'' ohne Zusatz nur für die höheren Versionen.		Im September 2016 wurde die stark verbesserte, nicht rückwärts-kompatible Version [[Angular 2]] herausgegeben.<ref>[https://www.agriya.com/blog/2016/09/27/angularjs-is-no-more-the-future-of-typescript-and-angular-2/ AngularJS is No More – The Future of TypeScript and Angular 2?]</ref> Der Begriff ''AngularJS'' wird nunmehr eingeschränkt auf Version 1 verwendet, ''Angular'' ohne Zusatz nur für die höheren Versionen.

范: Änderung 217599571 von Aparnavnair rückgängig gemacht; spam

2021-11-26T09:58:56Z

Änderung 217599571 von Aparnavnair rückgängig gemacht; spam

← Nächstältere Version		Version vom 26. November 2021, 11:58 Uhr
Zeile 161:		Zeile 161:
	* [https://angularjs.org/ Offizielle Webpräsenz von AngularJS] (englisch)		* [https://angularjs.org/ Offizielle Webpräsenz von AngularJS] (englisch)
	* [http://angular.de/ Inoffizielle deutschsprachige Website zu AngularJS]		* [http://angular.de/ Inoffizielle deutschsprachige Website zu AngularJS]
	*[https://www.zarantech.com/angularjs2-training/?filter_action=course-roadmap Angular JS Roadmap]

	== Einzelnachweise ==		== Einzelnachweise ==

Aparnavnair: /* Einzelnachweise */

2021-11-26T05:55:37Z

Einzelnachweise

← Nächstältere Version		Version vom 26. November 2021, 07:55 Uhr
Zeile 161:		Zeile 161:
	* [https://angularjs.org/ Offizielle Webpräsenz von AngularJS] (englisch)		* [https://angularjs.org/ Offizielle Webpräsenz von AngularJS] (englisch)
	* [http://angular.de/ Inoffizielle deutschsprachige Website zu AngularJS]		* [http://angular.de/ Inoffizielle deutschsprachige Website zu AngularJS]
			*[https://www.zarantech.com/angularjs2-training/?filter_action=course-roadmap Angular JS Roadmap]

	== Einzelnachweise ==		== Einzelnachweise ==

← Nächstältere Version		Version vom 15. März 2024, 08:30 Uhr
Zeile 37:		Zeile 37:
	* '''Provider''' stellen weitere Funktionalitäten (üblicherweise unter anderem die Interaktion mit einem [[Front-End und Back-End\|Backend]]) zur Verfügung.		* '''Provider''' stellen weitere Funktionalitäten (üblicherweise unter anderem die Interaktion mit einem [[Front-End und Back-End\|Backend]]) zur Verfügung.

	Diese Module werden vom sogenannten ''Dependency-Injection-Container'' beim Aufruf der Applikation durch [[Bootstrapping (Programmierung)\|Bootstrapping]] zu einem lose gekoppelten Programm zusammengeführt, welches aus wiederverwertbaren Teilkomponenten besteht. So entsteht eine wartbare Software im Sinne der [[ISO/IEC 25000\|ISO/IEC 25010]]. Technisch gesehen ist eine solche Anwendung eine Eventschleife, die jede Änderung abfängt, auswertet und ~~gff~~. Aktualisierungen in der Präsentation initiiert. Nichtveränderliche Daten können mittels eines ''One-Time-Bindings'' einmalig gebunden und von weiteren Aktualisierungen ausgeschlossen werden.		Diese Module werden vom sogenannten ''Dependency-Injection-Container'' beim Aufruf der Applikation durch [[Bootstrapping (Programmierung)\|Bootstrapping]] zu einem lose gekoppelten Programm zusammengeführt, welches aus wiederverwertbaren Teilkomponenten besteht. So entsteht eine wartbare Software im Sinne der [[ISO/IEC 25000\|ISO/IEC 25010]]. Technisch gesehen ist eine solche Anwendung eine Eventschleife, die jede Änderung abfängt, auswertet und ggf. Aktualisierungen in der Präsentation initiiert. Nichtveränderliche Daten können mittels eines ''One-Time-Bindings'' einmalig gebunden und von weiteren Aktualisierungen ausgeschlossen werden.

	Ein mitgeliefertes [[Mock-Objekt\|Mocking]]-Modul erlaubt es Standardfunktionalitäten, wie die Komponente zum durchführen von HTTP-Anfragen, durch Attrappen zu ersetzen und so isolierte [[Testfall\|Testfälle]] umzusetzen, ohne tatsächlich Anfragen zu verschicken oder Daten zu verändern. Dadurch ist die isolierte Testbarkeit der einzelnen Module gegeben.<ref>{{Internetquelle \|url=https://docs.angularjs.org/api/ngMock \|titel=API Reference / ngMock \|werk=angularjs.org \|abruf=2019-09-02 \|sprache=en}}</ref>		Ein mitgeliefertes [[Mock-Objekt\|Mocking]]-Modul erlaubt es Standardfunktionalitäten, wie die Komponente zum durchführen von HTTP-Anfragen, durch Attrappen zu ersetzen und so isolierte [[Testfall\|Testfälle]] umzusetzen, ohne tatsächlich Anfragen zu verschicken oder Daten zu verändern. Dadurch ist die isolierte Testbarkeit der einzelnen Module gegeben.<ref>{{Internetquelle \|url=https://docs.angularjs.org/api/ngMock \|titel=API Reference / ngMock \|werk=angularjs.org \|abruf=2019-09-02 \|sprache=en}}</ref>