Ember Component鍵盤事件

Question

在我的web應用程序中，頂部有一個搜索字段（有點像Facebook），它是一個input字段和一個引導下拉列表，用於顯示結果建議。 我想將其從其容器的控制器分離到Ember組件。 但是我不明白如何從輸入字段中提取事件。 現在，該視圖顯示了submit （沒有提交按鈕）和用於導航下拉列表的keyUp / keyDown 。 如何在組件上偵聽這些事件？

Answer 1

您可以使用與查看視圖相同的方式來使用組件。

App.SearchFieldComponent = Ember.Component.extend({
  value: "",
  keyUp: function (e) {
    console.log(e);
    alert("You pressed key code " + e.keyCode);
  }
});

完整的jsbin 。