Angular 5 键入错误

Question

我收到一条错误消息

ERROR TypeError: _co.onKey is not a function at Object.eval [as handleEvent]

import { Component } from "@angular/core";


@Component({
    selector: "sandbox",
    templateUrl: "sandbox.component.html",
    styleUrls: ["./sandbox.component.css"]
})

export class SandboxComponent {
    fireEvent(e){
        console.log(e.type);
    }
}

html

<input (keyup)="fireEvent($event)">

Answer 1

看来您只需将 type="name" 添加到您的输入标签即可。

TS :

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular 5';
      fireEvent(e){
        console.log(e,e.keyCode);
    }
}

HTML :

  <input type="name" (keyup)="fireEvent($event)">

此处示例：https://stackblitz.com/edit/angular-jbym58?file=app%2Fapp.component.ts

Angular 5 键入错误

Angular 5 keyup error

events

keyup

angular

angular5