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

Что не так в коде? ожидаемые результаты: когда страница загружается как url/case#!open-cases или url/cases#!new, тогда должен быть вызван целевой список маршрутов('new route' или ':filter-cases 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);
    });