Veröffentlicht am

Electron App aus Angular Anwendung erstellen – cp-Befehl nicht bekannt

Den ganzen Prozess liest man sich besser im Netz durch. Hier werden letztlich 3 Schritte beschrieben:

1. Electron im Projektordner installieren
2. Basisdateien package.json und main.js anlegen
3. build-electron und electron als Befehle in der package.json des Projektes ergänzen.

Und hier, bei Schritt 3 wird der build-electron Befehl gern einmal so angegeben:
"build-electron": "ng build --base-href . && cp src/electron/* dist/"

Dabei vergessen die Autoren meistens, dass dieser Befehl auf Windows-Systemen nicht läuft, weil dort copy statt cp verwendet werden muss.
Sollte der Build-Prozess also mit einer entsprechenden Fehlermeldung abbrechen, kann die Ursache hier liegen.

Veröffentlicht am

Erstes Angular Projekt abgeschlossen

Nach einer ersten Einarbeitungs- und Lernphase wollte ich schnell das erste Projekt voranbringen und konnte die befreundete Agentur Format78 aus Halle an der Saale zu einer neuen Webseite „überreden“.
Da die bisherigen Inhalte auch schon als Single Page Application konzipiert waren, fiel das, mit Hinweis auf Angular und vor allem das Routing, dann doch leicht.

Die Inhalte der Seite können nach wie vor über WordPress gepflegt werden.
Dank der WP-eigenen REST-Api kommen diese Inhalte dann mit dem entsprechenden Angular-Service in die App. Ebenso die Instagram-Medien, die von der Agentur auf Instagram gepostet und dann, wieder per Service, in die App gelangen.

Zukünftig und als nächste Herausforderung wartet ein Onlineshop sowie das Refactoring des Quellcodes, um noch modularer zu werden. Früher oder später soll auch der Anwendungszustand mit Redux verwaltet werden.

Hier aber nun der Link: de.format78.com

Veröffentlicht am

Eventbinding in Angular – Erklärung

Um im Template auf Events wie z.B click() oder mouseover() reagieren zu können, muss man sich mit dem Eventbinding auseinandersetzen, also dem Binden von Events an eine Komponente.
Ich selbst hatte beim Lernen von Angular oft Probleme, mir die Funktionsweisen genau vorzustellen, zumal ich vorher auf eine völlig andere Weise entwickelte und auch der Workflow erst in Fleisch und Blut übergehen musste.
Tatsächlich musste ich lernen „in Angular zu denken“.
Eventbinding in Angular – Erklärung weiterlesen

Veröffentlicht am

Angular und das Binding

Wenn man aus der „einfachen“ Javascriptwelt kommt, dann kommen Begriffe, die bei Angular sehr wichtig sind, eher selten vor. Damit diese Begriffe schnell in Fleisch und Blut übergehen, möchte ich hier immer mal wieder solche aufführen, die mir anfangs immer längeres Nachdenken abtrotzen und nun wie selbstverständlich meinen Entwickleralltag bereichern.
Angular und das Binding weiterlesen

Veröffentlicht am

Angular: ERROR Error: Uncaught (in promise): Error: StaticInjectorError […]StaticInjectorError[…] NullInjectorError: No provider for String!

Nachdem über einen Service ein Listenabruf von WP Posts über den HttpClient eingerichtet wurde, tauchte die im Titel angerissen Fehlermeldung auf, wobei der entscheidenen Hinweis jener ist:

Angular: ERROR Error: Uncaught (in promise): Error: StaticInjectorError […]StaticInjectorError[…] NullInjectorError: No provider for String! weiterlesen