Kategorie: Javascript
Angular, Javascript

Sicherer Aufrufoperator in Angular/Typescript

Beim Ausgeben von Objekt-Attributwerten in Angular Templates kann es vorkommen, dass diese noch nicht initialisiert sind, d.h. undefined oder null sind. Um eine Fehlermeldung zu vermeiden muss man diese vorher prüfen.

Angular, Javascript

Angular Http Client Antwort in Klassen-Objekt umwandeln

Beim Abfragen eines REST-Endpunktes mit dem Angular Http Client liefert dieser bei entsprechendem Aufruf bereits typisierte Antworten. D.h. hat man z.B. ein Interface für Mitarbeiter definiert kann man dem Http Client sagen dass die zurückgelieferten JSON-Daten diesem Interface entsprechen.

Angular, Javascript

PrimeNG Table update erzwingen bei gefiltertem Datenset

PrimeNG Table ist ein sehr umfangreiches Grid um Daten in Tabellenform anzuzeigen. Sie bietet viele Möglichkeiten wie Filter, Suche, Inline-Edit usw. Bei unserer Anwendung (wir verwenden primeng 7.0.3) trat jedoch ein kleines Problem auf, wenn man Daten gefiltert hat (z.B.

Angular, Javascript

Angular-Service zum Abspielen von Sound-Dateien mit howler

Um in Angular Sound-Dateien auf einer Webseite abzuspielen, kann man die howler-Bibliothek verwenden. Diese verwendet die Web Audio API und als Fallback HTML5 Audio.

Javascript

Bild in Javascript vorladen und dann erst einblenden

Will man per Javascript/JQuery ein Bild ausblenden und ein anderes einblenden, empfiehlt es sich, das neue Bild vorzuladen bevor es eingeblendet wird. Folgender Code lädt ein Bild im Hintergrund und blendet es erst ein, wenn es vollständig geladen ist:

Javascript

Suchbox in jQuery Select2 ausblenden und eigenes Bild für die Optionen

Select2 ist ein jQuery Plugin zur Erweiterung der Funktion von HTML <select> Eingabefeldern. Es ermöglicht z.B. die Suche in den Optionen, gewählte Optionen als Tags anzuzeigen, Daten des Select vom Server zu holen und viele mehr.

Javascript

Event-Handler auch nach Ajax-Call weiterhin gesetzt lassen

Hat man in einem Szenario eine Webseite mit Teilen, welche über Ajax-Calls aktualisiert werden, gehen die zu den neu geladenen Elementen verbundenen Events verloren. Um dies zu verhindern, gibt es 2 Möglichkeiten:

Javascript

Objekt-Konstruktor erstellen

So erstellt man in Javascript einen Konstruktor: