如何添加動作到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。