Component 中的 Ember.js 将带有数据的 Action 发送到另一个 Component

Question

组件操作完美触发。

import Ember from 'ember';

export default Ember.Component.extend({
    actions: {
      searchField: function() {
        console.log('searchField');
        this.sendAction('searchField');
      }
    }
});

路由不会被触发。

import Ember from 'ember';

export default Ember.Route.extend({
    actions: {
      searchField: function() {
        console.log('ROUTE');
      }
    }
});

Handlebars

{{input key-up='searchField' searchField=(action "searchField")}}

我在这上面花了很多时间，我开始对 Ember.js 失去兴趣，因为我也根据文档进行了尝试，但我得到了相同的结果。 http://emberjs.com/api/classes/Ember.Component.html#method_sendAction

Answer 1

sendAction 不会到达 route。你有两个选择，

1. 在 Controller 中定义 searchField 函数，您可以从那里路由函数this.send('searchField')

2. 要直接从组件调用路由，有插件ember-route-action-helper。

ember 安装 ember-route-action-helper

引用answer获取更多信息。玩转 - Sample Twiddle