javascript - EmberJs 输入 onkeypress 事件未发送到组件

Question

我正在使用 EmberJS，我希望当用户在我的搜索栏中键入一个键时，一个操作会发送到我的组件。我读过( http://emberjs.com/api/classes/Ember.TextSupport.html#property_onEvent )，我应该将 onEvent="keyPress" 放入我的输入中，但它不起作用。目前，如果我输入一些文本，则不会调用 search() 方法，但如果我按 Enter 键，则会调用该方法。

这是我的模板:

<div id="command-manager">
    {{input type="search" action="search" onEvent="keyPress" placeholder="Enter a command here" maxlength="32"}}
</div>

这是我的组件:

var CommandManagerComponent = Ember.Component.extend({

  actions:{
    search:function() {

      console.log('search');

    }
  }
});

如您所见，这非常简单，我不知道我做错了什么。

Answer 1

http://emberjs.com/guides/components/sending-actions-from-components-to-your-application/

In general, you should think of component actions as translating a primitive event (like a mouse click or an element's pause event) into actions that have semantic meaning in your application.

否则使用 View 来实现 UI 转换/效果。

现在，要在组件中使用操作，您需要使用 sendAction()。

示例:http://emberjs.jsbin.com/wofom/1/edit