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”？

作为一个菜鸟程序员，我很难搞清楚这一点。

Answer 1

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

这是一个例子

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

Ember.js动态链接

1 个答案: