javascript - 基于 Angular 2 中按键的验证

Question

我正在尝试为 angular2 项目进行简单的数字验证。但我无法复制下面编写的 JavaScript 代码。

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;
        }
}

现在，对于 angularJS2，当我尝试执行 return isNumber(event) 时，它无法编译 html 文件。并引发 Rx.js 错误。如果我删除 return 它会编译但无法正常工作。

我是否在 AngularJS2 世界中遗漏了一些东西？

如果需要任何进一步的详细信息，请告诉我。

更新

这样我就可以在 angular2 中做到这一点。在这里，如果我删除 return 关键字，我可以获得按键，但无法使用从 isNumber 方法返回的任何内容。

PS:我正在做所有这些特殊工作，因为 Firefox 输入类型数字会在表单发布时检查数字。 AngularJS2 正在绕过表单发布(完整的 html 发布)来提供 ajax 发布 afaik。

Answer 1

将函数绑定(bind)到元素时，您应该有 football operator :

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

如果这不起作用，我很好奇为什么你需要在按键时返回一个函数......