Динамические ссылки 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, чтобы URL-адрес выглядел как «www.example.com/index.html#/results/2008», когда я нажимаю на 2008 год?

Как программист noob, мне сложно понять это.

Answer 1

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

Вот пример

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