typescript KEYUP按键事件过滤

Posted 2021-05-21

@Component({
  selector: 'app-key-up3',
  // 使用keyup.enter快捷方式来过滤回车按键的消息
  template: `
    <input #box (keyup.enter)="onEnter(box.value)">
    <p>{{value}}</p>
  `
})
export class KeyUpComponent_v3 {
  value = '';
  onEnter(value: string) { this.value = value; }
}