检查是否已在ngOnChanges lifeCycle挂钩中按下Enter键?

时间:2019-09-20 13:15:37

标签: angular lifecycle ngonchanges

我正在运行Angular 7.x-我具有以下ngOnChanges lifeCycle挂钩,并且我需要确定用户是否按下了[ENTER]键,如果是,则将该布尔值作为布尔值传递给下面的processLinks() -不确定这样做的最佳方法是什么?

import { ADD_MOVIE, DELETE_MOVIE } from '../actionType/movies'
export const deleteMovie = (movie) => {
  console.log('movieid', movie)
  return {
    type: DELETE_MOVIE,
    payload: movie
  }
}

3 个答案:

答案 0 :(得分:0)

Angular具有检测输入按键的内置方式

<input (keyup.enter)="testFun()">

答案 1 :(得分:0)

.... "globals" : { "alwaysShowTabs" : true, "copyOnSelect" : false, "defaultProfile" : "{1777cdf0-b2c4-5a63-a204-1111f349ea7c}", "initialCols" : 120, "initialRows" : 30, .... 仅描述组件中存在的变量。 要针对事件“ SimpleChanges”处理'Enter'密钥创建处理程序,并检查keypress是否等于keyCode密钥代码

答案 2 :(得分:0)

您还可以在HTML中使用keypress事件,例如(keypress)=“ myFunction($ event)”

在TS文件中:

myFunction($ event){

Console.log($ event.keycode)// //您将获得enter关键字的密钥代码。

如果($ event.keycode ==“ 13”){//只需检查一次是否为

this.process()://从此处执行的任何操作

} }