多语言展示
当前在线:934今日阅读:176今日分享:34

angular回车事件

在使用angular开发项目中,遇到一个问题,如何在input框中实现回车功能?angualr的回车功能只需要在input框中添加 (keyup.enter) = 'fun()' 即可案例中代码:(keyup.enter)='keyEnter()'
方法/步骤
1

新建一个angular项目,在项目中找到需要添加回车键的input输入框,在这个输入框中使用(keyup.enter)='keyEnter()'添加回车事件,同时统计按回车键的次数html的代码:

按回车事件次数:{{num}}

2

在对应的ts文件中,定义一个变量为 num,然后给keyEnter()方法添加统计回车次数。代码: public num:number = 0;  keyEnter(){    this.num++  }

3

保存好代码后启动项目,这个时候看到浏览器输入框下方显示回车次数为 :0

4

在浏览器上的输入框中按下回车事件,这个时候会发现输入框下方的回车次数已经变为了1,在按一次就从1变为2。说明angular输入框中的回车事件已经生效。

推荐信息