Turn off history for Durandal child router

Question

I'm using the child routers in Durandal for tab control.

However whenever you change tab, it creates a history event. Again and again. It has made my "Close" button pointless because I cannot router.navigateBack() anymore (would need to many times).

Is there a way to navigate back beyond the current parent route, or make the child router create no history?

var childRouter = m_router
    .createChildRouter()
    .makeRelative({ moduleId: 'viewmodels/manage/bill/center', fromParent: true })
    .map([
        { route: ['contract', ''], moduleId: 'contract', title: 'Contracts', nav: true },
        { route: 'job', moduleId: 'job', title: 'Jobs', nav: true },
        { route: 'order', moduleId: 'order', title: 'Orders', nav: true }
    ]).buildNavigationModel();

Thanks.

score 1 · Accepted Answer · answered Oct 07 '14 at 13:17

1

It sounds like what you want to do is just to not place an entry into history. You can do this like so -

router.navigate('your/hash/here', { replace: true, trigger: false });

When your child router is making a route change.

http://durandaljs.com/documentation/Using-The-Router.html#triggering-navigation

answered Oct 07 '14 at 13:17

PW Kad

14,953
7
49
82

This is for triggering manual navigation. However if the user clicks on an `` link with the hash which are making up the tabs, it will create the history. – Tim Oct 07 '14 at 13:21
Just map the anchor to a function instead. – PW Kad Oct 07 '14 at 14:19
I concede that would work, but I would like to avoid binding anchors to functions all the time. – Tim Oct 07 '14 at 14:24
You could watch the activeInstruction and wipe it out but that seems even worse than binding an anchor to a function :) – PW Kad Oct 07 '14 at 15:06

Turn off history for Durandal child router

1 Answers1