Ember.js動態鏈接

Question

我正在嘗試開發一個涉及我的本地運行組競賽結果的webapp。 Ember.js看起來像一個不錯的框架來開發網站。

我在這個非常時刻代碼：

App.Router.map(function() { 
    this.resource('results', function(){ 
     this.resource('year'); 
    }); 
}); 

App.ResultsRoute=Ember.Route.extend({ 
    model: function() { 
     return $.getJSON("../api/api.php?method=years"); 
     //returns a JSON array with all the years a certain race went through => [{"year":"2008"},{"year":"2009"},{"year":"2010"}] 
    }, 
}); 

App.YearRoute=Ember.Route.extend({ 
    model: function(params){ 
    //some horrible code 
    } 
}); 

在我的網站的左側，這些年來出現在列表中。 當我點擊一年時，比賽結果出現在右側。

如何調整Router.map，使其在點擊2008年時看起來像「www.example.com/index.html#/results/2008」？

作爲一個noob程序員，我很難搞清楚這一點。

Answer 1

App.Router.map(function() { 
    this.resource('results', function(){ 
    this.resource('year', {path:'/:year'}); 
    }); 
}); 

下面是一個例子

http://emberjs.jsbin.com/oMAYUzIq/1/edit