如何在PrimeNG和Angular上按回车按钮"Click"按钮

Question

我有一个带有"登录"；"Angular with PrimeNG"上的按钮。结构基本上与类似

<div class="Login">
<label>Email</label>
<input id="email" name="email" type="username" pInputText [(ngModel)]="username" />
<label>Password</label>
<p-password name="password" [(ngModel)]="password" [feedback]="false" [toggleMask]="true"></p-password>
<p-button label="Login" class="button-login" (onClick)="login()">
</p-button>
</div>

我想要"；登录"；要在按下Enter键时单击。我曾尝试过使用(keypress.enter(将内容包装在一个表单上，以及我发现的其他类似的东西上，但我都没能使它们发挥作用。

提前谢谢。

Answer 1

您可以在包装div上添加事件keydown.enter，如：

<div class="Login" (keydown.enter)="login()">
<label>Email</label>
<input id="email" name="email" type="username" pInputText [(ngModel)]="username" />
<label>Password</label>
<p-password name="password" [(ngModel)]="password" [feedback]="false" [toggleMask]="true"></p-password>
<p-button label="Login" class="button-login" (onClick)="login()">
</p-button>
</div>