ember.js - 如何在 Ember.js 中向地图区域添加操作？

Question

我有一个在模板中有一个可点击地图的 img。

我想将 Ember.js 操作添加到此地图。所以我这样做了：

<map name="tabsy">
        <area coords="0,0, 32,432" {{action 'mainpage.subpage1'}} />
        <area coords="432,0, 432,432" {{action 'mainpage.subpage2'}} />
        <area coords="432,0, 432,432" {{action 'mainpage.subpage3'}} />
      </map>

但这不起作用。指针光标从图像中消失了，当我单击它时没有采取任何行动。

那么当我点击地图区域时，如何指示 Ember.js 加载 mainpage.subpage1 模板？

Answer 1

例如action，要linkTo转换到路线，假设mainpage.subpage1您可以在控制器中实现一个事件处理程序，该控制器正在备份表示您的地图的视图。

例如：

App.MapController = Ember.Controller.extend({
  goTo: function(route) {
    this.transitionTo(route);
  }
});

并像这样使用它：

{{action goTo 'mainpage.subpage1'}}

请参阅此处以获取一个简单的示例。