MuchaDev ist eine gemeinnützige Webseite, welche Tutorials bezüglich Webentwicklung, Hybridentwicklung, Desktopentwicklung und Spieleentwicklung mit verschiedenen Frameworks veröffentlicht. Darüber hinaus werden auch eigene Projekte veröffentlicht.
Angular Structual Directive erstellen
erstellt: 08.07.2018
Eine Structual Directive erlaubt den Zugriff auf DOM Strukturen mittels Hinzufügen, Entfernen oder Manipulieren von Elementen.
Die hier vorgestellte Structual Directive "asRepeat" erlaubt das einfache Iterieren über ein bestimmtes Intervall und erstellt ähnlich wie "ngFor" DOM Elemente.
Man kann sie sich als vereinfachte Form einer for Schleife vorstellen.
Oft sind normale HTML Inputs für komplexere oder umfangreichere Formulare nicht ausreichend.
Mittels ControlValueAccessor und NG_VALUE_ACCESSOR lassen sich Custom Form Controls realisieren und bei Wertänderungen diese übermitteln.
Zur Demonstration wird ein simpler Zahlen Spinner realisiert, der das normale HTML5 Spinner Verhalten erweitert und individuell gestalten lässt.
Angular Form Controls im Template mittels Keys Pipe iterieren
erstellt: 19.05.2018
Mithilfe des Angular Reactive FormBuilder lassen sich schnell FormControls definieren und einer FormGroup zuordnen.
Hierbei fügt Angular die FormControls in das jeweilige Objekt unter controls an (z.B.: myFormGroup.controls).
Doch was ist, wenn man den Template Part mittels *ngFor realisierieren möchte und ein eigenes dynamische Formular aufbauen möchte?
Angular Component Library mit ng-packagr erstellen
erstellt: 29.04.2018
Das Erstellen einer Angular Component Library mittels ng-packagr erlaubt das einfache Wiederverwenden und Extrahieren von Angular Modulen und Components.
Nach dem Erstellen lässt sich die Component Library lokal mittels "npm pack" installieren.
Mit Visual Studio Community 2017 lässt sich schnell eine C# Web Api realisieren, die das Entity Framework zur Datenbank Kommunikation nutzt.
Die C# Web Api lässt sich einfach mit Postman testen, sodass zum Testen nicht zwingend ein Client erstellt werden muss.
Der Datei Upload erfolgt mittels Javsacript Client.
Hierbei dient eine einfache HTML Datei, die in der Funktion "window.onload" einen EventListener zum Input vom Typ "file" hinzufügt.
Slim 3 ist ein minimalistisches PHP Framework, welches das Erstellen von einer REST API vereinfacht.
Mit folgendem manuellem Slim Setup lässt sich die Anzahl der Dependencies besser regeln und überschauen.
Wenn man kein Flux Pattern benutzt, kann die Kommunikation zwischen mehreren Components schwierig werden.
Gerade bei asynchronen Funktionen in Sub Components (z.B. "refresh" einer SubComponent, welche eine async Funktion aufruft), die nach Ereignissen in der Haupt/Parent Compnent aufgerufen werden sollen.