Как реализовать маршрутизатор в CanJS

Question

Я пользуюсь приложением https://github.com/thinkadoo/Projects. Я создал подобное приложение с помощью этого. Мое приложение использует диаграммы d3 вместо используемого. Мое приложение инициализирует маршрутизаторы как

var patientStatus = new PatientStatus('#application', {'credentials':Credentials,'secret':Secret}); 

Теперь, если я хочу реализовать Router, то какие изменения должны быть сделаны? Вот мой JSFiddle с обеими реализациями. Первый работает. Но более поздняя часть, где я инициализирую Router, кажется, не работает. http://jsfiddle.net/sweety1112/YMAjm/

Может кто-нибудь мне помочь.

Answer 1

Вот updated Fiddle, который показывает, как работает маршрутизация:

var Router = can.Control({ 
    defaults: {} 
    }, { 
    init: function() { 
     // this.element.html(can.view('#index', {})); 
    }, 

    ':type/:id route': function(data) { 
     console.log('Type:', data.type); 
     console.log('Id:', data.id); 
    } 
    }); 

    can.route.ready(false); 
    new Router('#content'); 
    can.route.ready(true); 

В принципе, что вы делаете это инициализировать именованные заполнители и сообщить контроллеру, что это должно быть обработано с помощью route процессора. Теперь, если вы перейдете на URL-адрес, например #!test/23, данные обработчика будут содержать type и id.