单击ENTER时无法从dropDown获取值

时间:2018-11-13 19:56:48

标签: javascript angular typescript primeng

我已经尝试使它工作几个小时了,但是仍然没有运气:(。我有这个基本的反应形式,如果我按“ ENTER” 或单击“搜索” 按钮,我可以在控制台中看到表单值的结果。

问题:

1)当我从 dropDown 中选择一个值,然后立即按 Enter 时,我无法控制表单值,但是如果我输入firstName或Lastname然后点击 ENTER

这是我的代码:LIVE DEMO

非常感谢!

2 个答案:

答案 0 :(得分:0)

primeng下拉p-dropdown的问题。默认情况下,enter不起作用标准选择框的工作方式。

要获取此修复程序,您可以在(keyup.enter)中使用p-dropdown

<p-dropdown (keyup.enter)="onFormSubmit($event)"  [options]="cities" formControlName="currentCity" placeholder = "city" optionLabel="label"></p-dropdown>

工作副本在这里-https://stackblitz.com/edit/angular-k7o6r7

答案 1 :(得分:-1)