如何在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'}}

有关简单示例，请参阅here。