Ember组件操作没有冒泡到模板路由器

时间:2016-04-07 23:48:00

标签: ember.js ember-2.0.0

我有一个组件应该将操作冒充到其模板路由器。

我将动作的名称传递给组件:

{{project-table projects=model viewProject="viewProject"}}

在我的组件(项目表)中,我有:

import Ember from 'ember';

export default Ember.Component.extend({
    actions: {
        viewProject: function (project) {
            this.sendAction('viewProject', project);
        }
    }
});

在组件模板中,我有:

<button type="button" {{action "viewProject" project}}>
    My Button
</button>

最后但并非最不重要的是,我有我的路由器:

actions: {
     viewProject: function (project) {
         this.transitionToRoute('project', project);
     }
}

正确调用组件的操作。然而,从那以后,行动不会起泡。关于我可能出错的任何想法?

1 个答案:

答案 0 :(得分:2)

@ JB2,你的代码几乎是完美的,我确信这个动作会冒泡到达路由级别。

但请注意,路线仅限transitionTo方法。 http://emberjs.com/api/classes/Ember.Route.html#method_transitionTo

控制器中,您可以使用transitionToRoute方法。 http://emberjs.com/api/classes/Ember.Controller.html#method_transitionToRoute

很容易混合。 :)我经常检查API文档,我可以使用哪个和哪里。 :)