Angular - 為什么 key.enter 在 mat-menu 中不起作用

Question

我有以下輸入，我想在按下回車后觸發事件：

  <input
    matInput
    type="number"
    min="0"
    placeholder="0"
    (keyup.enter)="minValue($event)"
  />

我也試過 (keydown.enter)="minValue($event)" 沒有成功。 用戶如何鍵入一個值以及在按下回車鍵時調用 minValue 方法？

此外，當我單擊輸入字段以輸入值時，輸入框會在寫入任何內容之前消失。

非常感謝。

Answer 1

試試這樣：

.html

<input
matInput
type="number"
min="0"
placeholder="0"
[(ngModel)]="myValue"
(keyup.enter)="minValue(myValue)"
/>

.ts

  minValue(evt){
    console.log(evt)
  }