Bildschirmauflösung von Fedora 32 unter Hyper-V ändern

In einer VM unter Microsoft Hyper-V lief Fedora 32. Allerdings nur mit einer Auflösung von 1024 x 768. Die Nutzung einer höheren Auflösung war wünschenswert – allerdings ließ sich dies nicht einfach umstellen, da keine weiter Auflösung verfügbar war. Ich wollte jedoch die Auflösung 1920×1080 verwenden. Als erstes

sudo nano /etc/default/grub

Im Editor ist dann folgende Zeile eingeben bzw. entsprechend ändern und speichern.

GRUB_CMDLINE_LINUX_DEFAULT=“quit splash video=hyperv_fb:1920×1080″

Abschließend folgenden Befehl verwenden:

sudo grub2-mkConfig -o /etc/default/grub

Nach einem Neustart war die Auflösung umgestellt.

 

Angular Ereignisse (Events)

Im nachfolgenden Beispiel findet ein Click-Event Verwendung. In der Datei mycomponent.component.ts wird der Ereignishandler für das Click-Event notiert. Innerhalb des Handlers wird bei jedem Aufruf summe um eins erhöht.

In der Datei mycomponent.component.html wird das Click-Event wie folgt eingesetzt:

Wird nun auf [ +1 ] geklickt, wird der Wert von summe um eins erhöht und auf der Seite angezeigt.

Angular-App in Visual Studio Code

Nachdem man sich zum ersten Mal eine Angular-App erzeugt hat, empfiehlt es sich die Dateien in einer geeigneten IDE zu betrachten. Im nachfolgenden Beispiel habe ich Visual Studio Code verwendet, da es kostenlos und für verschiedene Plattformen verfügbar ist. Durch die Installation von Extensions lässt sich VS Code entsprechend eigener Bedürfnisse konfigurieren.

Um nun eine Angular-App in Visual Studio Code zu betrachten benötigt man neben Angular auch die Extension TSLint (https://jokifux.wordpress.com/2020/05/12/extension-fuer-typescript-in-visual-studio-code/)

Dazu wird in VS Code einfach der entsprechende Ordner geöffnet. Man kann es über das Menü File/Open Folder… erledigen oder verwendet die Tastenkombination Strg+K Strg+O. Im danach erscheinenden Fenster ist der Ordner der App auszuwählen. Danach kann man einfach durch die Ordner navigieren und Dateien betrachten.

 

Informationen zur Installation von Visual Studio Code und weiteren Extensions finden sich zuhauf im Internet, u.a. auch hier

Erstellen und Ausführen einer Angular App

Mit dem CLI lässt sich sehr einfach eine neue Demoanwendung erzeugen. Hierzu genügt der Befehl

ng new demo-app

im Terminal. Damit wird die erforderliche Dateistruktur nebst Dateien automatisch angelegt. Zur Befüllung mit eigenem Content muss man natürlich selbst Hand anlegen und entsprechende Anpassungen und Erweiterungen vornehmen.

Nachdem die Demo-App erzeugt wurde, wechsele ich im nächsten Schritt in das Verzeichnis der Angular-App und starte diese mit

ng serve

Anschließend erfolgt die Compilierung und nach Fertigstellung kann die App im Browser über http://localhost:4200 aufgerufen werden.

 

Angular Framework unter Fedora

Ressourcen und Informationen zu Angular findet man unter https://angular.io

Die Installation erfolgt nachfolgend gezeigt über ein Terminal unter Verwendung von npm, d.h. man benötigt vor der Installation des Angular-Framework auch node.js (siehe auch https://jokifux.wordpress.com/2020/05/12/node-js-installation-unter-fedora-32/)

Nach erfolgreicher Installation lässt sich dann die Version der Angular CLI checken. CLI steht übrigens für Command Line Interface.