表单 – angular2提交表单按Enter而不提交按钮

发布时间：2020-12-14 21:28:15 所属栏目：资源来源：网络整理

导读：是否可以提交没有提交按钮的表单(按Enter键) 示例： form [ngFormModel]="xxx" (ngSubmit)="xxxx()" input [(ngModel)]="lxxR" ngControl="xxxxx"//form 解决方法也许你添加按键或键控输入字段，并将事件分配给功能，当进入单击时将执行提交你的模板看起来

是否可以提交没有提交按钮的表单(按Enter键)
示例：

<form [ngFormModel]="xxx" (ngSubmit)="xxxx()">
  <input [(ngModel)]="lxxR"   ngControl="xxxxx"/>
</form

解决方法

也许你添加按键或键控输入字段，并将事件分配给功能，当进入单击时将执行提交

你的模板看起来就像这样

<form (keydown)="keyDownFunction($event)">
  <input type="text" />
</form

而你的班级内部的功能就像这样

keyDownFunction(event) {
  if(event.keyCode == 13) {
    alert('you just clicked enter');
    // rest of your code
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!