Juni 2017 – angularhacks.de

*.ngfactory.ts: Supplied parameters do not match any signature of call target.

Wer beim Bauen über die folgende Fehlermeldung stolpert hat irgendwo eine Methode aufgerufen, ohne die erforderlichen Parameter zu übergeben:

Problem: *.component.ngfactory.ts (xx,yy): Supplied parameters do not match any signature of call target.

Irrtümlicherweise z.B. bei der Angular-Methode ngOnChanges(), die in vielen Dokumentationen ohne Parameter angepriesen wird. Der korrekt, vollständige Aufruf sieht allerdings wie folgt aus:

ngOnChanges(changes: {[ propName: string]: SimpleChange}) { ... }

moment.js in Angular nutzen

Zum Arbeiten mit Daten in Angular (bzw. Javascript/Typescript allgemein) bietet sich moment.js an. Das kann direkt über npm installiert werden:

npm install moment --save

In der jeweiligen Komponente/Pipe/… kann es direkt eingebunden und normal benutzt werden:

import * as moment from 'moment/moment';

Wenn mit den deutschen Daten/Formaten gearbeitet werden soll, kann moment.js nach dem Einbinden dahingehend eingestellt werden:

moment.locale("de)

Lokale Zeit bei DatePipe anzeigen

Beim Benutzen der Datepipe in Angular kann man die deutschen Zeitangaben erzwingen, in dem man in NgModule die entsprechende Locale bereitstellt (unter „providers“):

{ provide: LOCALE_ID, useValue: "de-DE" }

Key-Events auf HTML-Elementen

Wenn man auf ein Div (oder anderen HTML-Element) ein keydown-Event (z.B. (keydown.enter)) legen möchte, muss der TabIndex >= 0 sein:

<div
 (keydown.enter)="myEvent()"
  tabindex="1"
>
...
</div>