Validierung basierend auf Tastendruck in Winkel 2

Question

Ich versuche, einfache Zahl Validierung für angular2 Projekt zu tun. Ich kann den unten beschriebenen JavaScript-Code nicht replizieren.

Html

<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" /> 

JavaScript

function isNumber(evt) { 
    evt = (evt) ? evt : window.event; 
     var charCode = (evt.which) ? evt.which : evt.keyCode; 

     if (charCode > 31 && (charCode != 46 && (charCode < 48 || charCode > 57))) { 
      return false; 
     } else { 
      return true; 
     } 
} 

Jetzt für angularJS2 als ich versuchte, return isNumber(event) zu tun, ist es nicht in der Lage HTML-Datei zu kompilieren. Und feuern Rx.js Fehler. Wenn ich return entferne, kompiliert es aber nicht, wie es sollte.

Fehle ich etwas in Bezug auf AngularJS2 Welt.

Bitte lassen Sie mich wissen, wenn weitere Details erforderlich sind.

aktualisieren

So kann ich es in angular2 tue. Hier kann ich einen Tastendruck erhalten, wenn ich das Rückgabeschlüsselwort entferne, aber nicht verwenden kann, was ich von der isNumber-Methode zurückgebe.

PS: Ich mache all diese spezielle Arbeit, weil Firefox Eingabe Typ Nummer nach der Nummer zum Zeitpunkt des Formulars überprüfen. Und AngularJS2 umgeht Formpost (vollständiger HTML-Post), um Ajax Post afaik zu geben.

Answer 1

Wenn eine Funktion auf ein Element Bindung sollten Sie die football operator:

<input ... (keypress)="return isNumber()"/> 

Wenn das nicht funktioniert, ich bin neugierig, warum Sie eine Funktion auf Tastendruck zurückkommen müssen ...