javascript - Ember.js 动态链接

Question

我正在尝试开发一个涉及我本地运行团体比赛结果的网络应用程序。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
    }   
});

在我网站的左侧，所有年份都出现在列表中。当我点击年份时，比赛结果出现在右侧。

当我点击 2008 年时，如何调整 Router.map 使 url 看起来像“www.example.com/index.html#/results/2008”？

作为菜鸟程序员，我很难弄明白这一点。

Answer 1

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

举个例子

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