灰烬-在路线上绑定自定义操作

Question

是否可以在路由事件中添加自定义操作（基本上是任何JS代码）？

有一个应用程序需要更改应用程序页面“外部”的某些部分。 是的，页面的该部分应该在应用程序中，但不是。 因此，我需要在某些路由事件上稍微更改“外部” DOM。 例如，当我处于索引状态时，某处有一个空元素，当我移至另一状态时，该元素将其内容更改为“返回”并变为活动状态。 另外，我想将余烬路由操作绑定到该元素上的onClick事件。

我试图找到这样的东西，但似乎什么也没有。 我发现了这一点，但根本没有解决我的问题： 如何在Ember.js中将事件直接绑定到现有HTML，而不使用任何类型的视图？

谢谢你的时间。

Answer 1

知道在路由内可以处理一个enter事件可能会有所帮助：

other: Ember.Route.extend({
    route: '/other',
    connectOutlets: function(router, context) { /* ...? */ }),
    enter: function(router) {
        // ...
    }
})

不知道是否有一种更适合您需求的解决方案。

更新：如果使用action帮助器，则单击事件将根据需要触发动作。 示例-在模板中： <a {{action gotoOtherState href="true"}}>Go to other state</a> ，并在您所在的路线（或祖先...在这种情况下为索引路线） ）： gotoOtherState: Ember.Route.transitionTo('path.to.otherState') 。

href=true是<a>标记的可选选项。 您还可以定义自己的过渡：

gotoOtherState: function(router, event) {
    // Setup? Teardown?
    // ...
    router.transitionTo('path.to.otherState');
}

注意：如果在动作帮助器中传递上下文（例如{{action gotoOtherState this}} ），则可以通过以下事件访问它： router.transitionTo('path.to.otherState', event.context);

更新2： enter是一个私有钩子， activate是一个新的公共钩子（请参阅http://emberjs.com/blog/2013/02/15/ember-1-0-rc/ ）