Javascript Ionic2 Ion Input onSubmit单击表单中的顶部按钮
我有一个表单,其中包含一个离子按钮和一个离子输入 ion按钮不用于表单提交。如果我想在输入中编辑一个值并按下OK,我希望键盘隐藏,但是ion按钮对此事件做出反应并打开onClick操作 您可以在这个(home.html/ts)中找到一个演示,并可以在输入元素中按enter键时复制它。我只是想避免触发gotoSelectedView函数Javascript Ionic2 Ion Input onSubmit单击表单中的顶部按钮,javascript,ios,angularjs,ionic2,Javascript,Ios,Angularjs,Ionic2,我有一个表单,其中包含一个离子按钮和一个离子输入 ion按钮不用于表单提交。如果我想在输入中编辑一个值并按下OK,我希望键盘隐藏,但是ion按钮对此事件做出反应并打开onClick操作 您可以在这个(home.html/ts)中找到一个演示,并可以在输入元素中按enter键时复制它。我只是想避免触发gotoSelectedView函数 <form [ngFormModel]="form"> <ion-list>
<form [ngFormModel]="form">
<ion-list>
<ion-item>
<ion-label floating>Username</ion-label>
<ion-input ngControl="username" type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Password</ion-label>
<ion-input ngControl="password" type="password"></ion-input>
</ion-item>
<button ion-item (click)="gotoSelectView()">
<ion-label >SelectItem</ion-label>
<ion-note item-right>SelectedValue</ion-note>
</button>
</ion-list>
</form>
用户名
密码
选择项
选择值
提前谢谢 我通过在表单上为
keydown添加一个侦听器来修复它。输入
在main.html中:
<form [ngFormModel]="form" (keydown.enter)="hideKeyboard($event)">
<ion-list>
<ion-item>
<ion-label floating>Username</ion-label>
<ion-input ngControl="username" type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Password</ion-label>
<ion-input ngControl="password" type="password"></ion-input>
</ion-item>
<button ion-item (click)="gotoSelectView()">
<ion-label >SelectItem</ion-label>
<ion-note item-right>SelectedValue</ion-note>
</button>
</ion-list>
</form>
你有任何代码片段显示这一点吗?
hideKeyboard(event) {
event.preventDefault();
Keyboard.close();
}