diff --git a/_posts/2014-11-03-angularjs-access-services-via-console/2014-11-03-angularjs-access-services-via-console.md b/_posts/2014-11-03-angularjs-access-services-via-console/2014-11-03-angularjs-access-services-via-console.md index eaecf6f4..16fdec74 100644 --- a/_posts/2014-11-03-angularjs-access-services-via-console/2014-11-03-angularjs-access-services-via-console.md +++ b/_posts/2014-11-03-angularjs-access-services-via-console/2014-11-03-angularjs-access-services-via-console.md @@ -35,7 +35,7 @@ In diesem Artikel beschränken wir uns auf Services. * Ein moderner Browser mit einer JavaScript Konsole * [Chrome – Öffnen der Konsole](https://developers.google.com/web/tools/chrome-devtools/console/#opening-the-console) - * [Firefox – Öffnen der Konsole](https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Opening_the_Web_Console) + * [Firefox – Öffnen der Konsole](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html) * Eine Angular Anwendung zum experimentieren * [Angular TodoMVC](http://todomvc.com/examples/angularjs/#/) * Irgendeine andere Angular Anwendung diff --git a/_posts/2014-12-03-angularjs-access-scope-via-console/2014-12-03-angularjs-access-scope-via-console.md b/_posts/2014-12-03-angularjs-access-scope-via-console/2014-12-03-angularjs-access-scope-via-console.md index 023b7c9f..2045b35b 100644 --- a/_posts/2014-12-03-angularjs-access-scope-via-console/2014-12-03-angularjs-access-scope-via-console.md +++ b/_posts/2014-12-03-angularjs-access-scope-via-console/2014-12-03-angularjs-access-scope-via-console.md @@ -20,7 +20,7 @@ Hier noch mal die Übersicht: * Ein moderner Browser mit einer JavaScript Konsole * [Chrome – Öffnen der Konsole](https://developers.google.com/web/tools/chrome-devtools/console/#opening_the_console) - * [Firefox – Öffnen der Konsole](https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Opening_the_Web_Console) + * [Firefox – Öffnen der Konsole](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html) * Eine Angular Anwendung zum experimentieren * [Angular TodoMVC](http://todomvc.com/examples/angularjs/#/) * Irgendeine andere Angular Anwendung diff --git a/_posts/2017-03-19-angular-deployment-docker/2017-03-19-angular-deployment-docker.md b/_posts/2017-03-19-angular-deployment-docker/2017-03-19-angular-deployment-docker.md index 6ec5ef58..23d076df 100644 --- a/_posts/2017-03-19-angular-deployment-docker/2017-03-19-angular-deployment-docker.md +++ b/_posts/2017-03-19-angular-deployment-docker/2017-03-19-angular-deployment-docker.md @@ -62,7 +62,7 @@ Hier mal eine Erklärung der Tags, welche ich in diesem Dockerfile anwende: - `MAINTAINER`: Hiermit definiert Ihr den Urheber des Images. Hier kann Name und / oder E-Mailadresse angegeben werden. -- `COPY`: Mit diesem Befehl könnt Ihr Daten während des Build Prozesses von euerem lokalen System in den Dockercontainer kopieren. In diesem Beispiel kopiere ich das komplette Projekt in den Container. Dies hat den Vorteil, dass man dadurch den kompletten Build der Applikation innerhalb des Containers laufen lassen kann. Etwas weiter unten kopiere ich noch die Konfigurationsdatei von nginx in den jeweiligen Pfad, an welchem [nginx](https://www.nginx.com/) diese Datei erwartet. +- `COPY`: Mit diesem Befehl könnt Ihr Daten während des Build Prozesses von euerem lokalen System in den Dockercontainer kopieren. In diesem Beispiel kopiere ich das komplette Projekt in den Container. Dies hat den Vorteil, dass man dadurch den kompletten Build der Applikation innerhalb des Containers laufen lassen kann. Etwas weiter unten kopiere ich noch die Konfigurationsdatei von nginx in den jeweiligen Pfad, an welchem [nginx](https://www.f5.com/go/product/welcome-to-nginx) diese Datei erwartet. - `WORKDIR`: Hiermit gebt Ihr den Pfad des Arbeitsverzeichnisses innerhalb des Containers an. Folglich werden alle künftigen Befehle innerhalb dieses Pfades stattfindenden. diff --git a/_posts/2017-07-24-angular-redux-einfuehrung/2017-07-24-angular-redux-einfuehrung.md b/_posts/2017-07-24-angular-redux-einfuehrung/2017-07-24-angular-redux-einfuehrung.md index 0c3122d3..54d7230d 100644 --- a/_posts/2017-07-24-angular-redux-einfuehrung/2017-07-24-angular-redux-einfuehrung.md +++ b/_posts/2017-07-24-angular-redux-einfuehrung/2017-07-24-angular-redux-einfuehrung.md @@ -252,7 +252,7 @@ export class AddTodo { } ``` -Im Template (Zeilen 4-8) verwenden wir eine [lokale Template-Variable](https://angular.io/guide/template-syntax#!#local-vars) #todo (inline HTML Element, Zeile 6) und übergeben deren Referenz auf das Button-Klickereignis (Zeile 7). Auf dem Konstruktor haben wir appStore und todoActions in die Komponente (Zeilen 11-17) als private Eigenschaften injiziert. Wenn der Benutzer eine Beschreibung eingibt und auf ‘Add Todo’ klickt, wird eine Aktion (Zeile 20) wie die unten abgegeben und den Eingabeinhalt löschen. +Im Template (Zeilen 4-8) verwenden wir eine [lokale Template-Variable](https://v17.angular.io/guide/template-syntax#!#local-vars) #todo (inline HTML Element, Zeile 6) und übergeben deren Referenz auf das Button-Klickereignis (Zeile 7). Auf dem Konstruktor haben wir appStore und todoActions in die Komponente (Zeilen 11-17) als private Eigenschaften injiziert. Wenn der Benutzer eine Beschreibung eingibt und auf ‘Add Todo’ klickt, wird eine Aktion (Zeile 20) wie die unten abgegeben und den Eingabeinhalt löschen. ```javascript { @@ -457,7 +457,7 @@ Wir verwenden eine untergeordnete Komponente todo, um ein einzelnes Todo zu ver ``` -Wir verwenden [ngFor](https://angular.io/api/common/NgFor-directive), um über den todos Array (Zeile 3) zu iterieren. Für jedes Todo geben wir die Information mit einer *[local template variable](https://angular.io/guide/template-syntax#!#local-vars)* Todo. +Wir verwenden [ngFor](https://v17.angular.io/api/common/NgForOf), um über den todos Array (Zeile 3) zu iterieren. Für jedes Todo geben wir die Information mit einer *[local template variable](https://v17.angular.io/guide/template-syntax#!#local-vars)* Todo. Im Folgenden siehst du einen Auszug aus der TodoList Komponente. diff --git a/_posts/2020-10-19-angular-tutorial-deutsch/2020-10-19-angular-tutorial-deutsch.md b/_posts/2020-10-19-angular-tutorial-deutsch/2020-10-19-angular-tutorial-deutsch.md index 3e35460f..1e2eee92 100644 --- a/_posts/2020-10-19-angular-tutorial-deutsch/2020-10-19-angular-tutorial-deutsch.md +++ b/_posts/2020-10-19-angular-tutorial-deutsch/2020-10-19-angular-tutorial-deutsch.md @@ -747,7 +747,7 @@ Der Service bietet uns die Methode `.get(url:string)`, welcher wir den API-Endpo
Hinweis: Wir gehen in diesem Tutorial davon aus, dass Asynchronität in JavaScript bereits bekannt ist. Es gibt dazu eine sehr gute Einführung in den Mozilla Web Docs über Asynchronous JavaScript.
-Der Rückgabewert der get-Methode des HTTP-Services liefert ein [Observable](https://angular.io/guide/observables-in-angular) zurück. Dies ist eine Datenstruktur, welche uns den Umgang mit asynchronen Daten erleichtert. Angular nutzt dafür die [RxJS Observables](https://rxjs.dev/guide/observable). +Der Rückgabewert der get-Methode des HTTP-Services liefert ein [Observable](https://v17.angular.io/guide/observables-in-angular) zurück. Dies ist eine Datenstruktur, welche uns den Umgang mit asynchronen Daten erleichtert. Angular nutzt dafür die [RxJS Observables](https://rxjs.dev/guide/observable). Es hat sich als guter Stil etabliert, Variablen und Felder, welche asynchrone Datenstrukturen halten, mit einem `$` postfix zu kennzeichnen. Es hat rein funktional keinen Einfluss, hilft jedoch beim langfristigen Zurechtfinden und der Wartung eurer Anwendung. diff --git a/_posts/2024-06-11-angular-18-die-renaissance-geht-weiter/2024-06-11-angular-18-die-renaissance-geht-weiter.md b/_posts/2024-06-11-angular-18-die-renaissance-geht-weiter/2024-06-11-angular-18-die-renaissance-geht-weiter.md index b5515317..9d7fec9e 100644 --- a/_posts/2024-06-11-angular-18-die-renaissance-geht-weiter/2024-06-11-angular-18-die-renaissance-geht-weiter.md +++ b/_posts/2024-06-11-angular-18-die-renaissance-geht-weiter/2024-06-11-angular-18-die-renaissance-geht-weiter.md @@ -13,7 +13,7 @@ categories: "angular release update" Es ist soweit: Angular v18 wurde veröffentlicht! -Seit Beginn der Angular Renaissance gab es viele neue Features und Updates. Als Erstes ist einem sicherlich das neue Logo und das neue Portal [angular.dev](https://www.angular.dev) aufgefallen, das [angular.io](https://www.angular.io) als Hauptquelle für Informationen und Ressourcen abgelöst hat. Neben den visuellen Neuerungen gab es einige bahnbrechende – in diesem Fall ist das Wort durchaus angebracht – technische Updates. In diesem Zusammenhang sind vor allem die [Angular Signals](https://angular.dev/guide/signals) und [Full App Non-Destructive Hydration](https://angular.dev/guide/ssr#configure-server-side-rendering) zu nennen. Beide Features waren der Beginn einer Neuausrichtung im Bereich der Change Detection bzw. der gesamten Rendering-Strategie für das Framework. Insbesondere die Signals sind auf großes Interesse in der Angular Community gestoßen. +Seit Beginn der Angular Renaissance gab es viele neue Features und Updates. Als Erstes ist einem sicherlich das neue Logo und das neue Portal [angular.dev](https://www.angular.dev) aufgefallen, das [angular.dev](https://angular.dev/) als Hauptquelle für Informationen und Ressourcen abgelöst hat. Neben den visuellen Neuerungen gab es einige bahnbrechende – in diesem Fall ist das Wort durchaus angebracht – technische Updates. In diesem Zusammenhang sind vor allem die [Angular Signals](https://angular.dev/guide/signals) und [Full App Non-Destructive Hydration](https://angular.dev/guide/ssr#configure-server-side-rendering) zu nennen. Beide Features waren der Beginn einer Neuausrichtung im Bereich der Change Detection bzw. der gesamten Rendering-Strategie für das Framework. Insbesondere die Signals sind auf großes Interesse in der Angular Community gestoßen. Mit dem Update auf Angular Version 18 scheint sich das Angular-Team darauf konzentriert zu haben, kurz innezuhalten und alle neuen Features zu stabilisieren. Oder wie Minko Gechev vom Angular-Team-Lead selbst sagt: