Конкретный маршрут canjs не вызывается при загрузке страницы с помощью хэштега

Question

Что не так в коде? ожидаемые результаты: когда страница загружается как url ​​/case#!open-case или url/case #!new, тогда должен вызываться целевой список маршрутов ('new route' или ':filter-case route'), но это не так случаться

PageControl = can.Control({
        init : function(el, options) {
            debugger;
        },
        'new route': function() {debugger;},
        ':filter-cases route': function() {debugger;
            new CaseList('#content');
        },
        'route': function(data) {debugger;
            new CaseList('#content');
        }
    });

    $(document).ready(function() {
        //initDialog();
        can.route(':filter-cases');
        can.route('case/:id');
        can.route('new');
        //can.route('', {filter: 'open' })
        can.route.ready();

        new PageControl(window);
    });

Answer 1

Это должно работать, если вы звоните can.route.ready() после инициализации элемента управления страницы:

$(document).ready(function() {
    //initDialog();
    can.route(':filter-cases');
    can.route('case/:id');
    can.route('new');
    //can.route('', {filter: 'open' })

    new PageControl(window);
    can.route.ready();
});