angular回车事件

1、新建一个槐泛羞angular项目，在项目中找到需要添加回车键的input输入框，在这个输入框中使用(keyup.enter)="keyEnter()"添加回车事件，同时统计按回车键的次数

html的代码：

<input type="text" (keyup.enter)="keyEnter()" placeholder="在输入框中按回车">

<div>按回车事件次数:{{num}}</div>

2、在对应的ts文件中，定义一个变量为 num，然后给keyEnter()方法添加统计回车次数。

代码：

 public num:number = 0;

  keyEnter(){

    this.num++

  }

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

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