2016-11-11 3 views
0

Ich benutze die timepicker Komponente von ng2-bootstrap. Ich habe meine eigene Validierungsfunktion, ausgelöst durch das Ereignis ngModelChange(). Jetzt hat die timepicker Komponente selbst ihre eigenen Validatoren (wie wenn das Modell die Mix/Max-Werte überschreitet) und Fehler werden unter Verwendung der .has-error Klasse angezeigt. Wenn ich meine eigene Validierung mache, wie melde ich die timepicker Komponente, dass sie ungültig ist?Ich übergebe eine Invalidisierungsbenachrichtigung an den Timepicker von ng2-bootstrap

Antwort

1

Wenn Sie die Quelle der Komponente unter https://github.com/valor-software/ng2-bootstrap/blob/development/components/timepicker/timepicker.component.ts betrachten, hat sie zwei öffentliche Eigenschaften. Einstellungen, die die Komponente auslösen sollten, zeigen einen Fehler an oder nicht.

// validation 
    public invalidHours:any; 
    public invalidMinutes:any; 
+0

Leider scheint das nicht zu funktionieren. Das Übergeben eines Werts löst diesen Fehler aus: Fehler: Uncaught (in Versprechen): Fehler: Vorlage analysiert Fehler: Kann nicht an 'invalidHours' binden, da es keine bekannte Eigenschaft von 'timepicker' ist. [FEHLER ->] [invalidHours] = "myInvalidHours" '. Ich gehe davon aus, dass invalidHours nicht explizit als @Input() definiert ist. – ebakunin

+1

Dies sind öffentliche Eigenschaften, keine Eingabeeigenschaften, die Sie so binden können, wie Sie es versuchen. Wenn Sie das Steuerelement mit #ControlName referenzieren und es an die Komponente zurückgeben, können Sie ControlName.invalidHours festlegen, wodurch die Überprüfung ausgelöst wird. –

Verwandte Themen