Navigate with both guard functions

navigate-with-both-guard-functions.js

async navigate(url) {
        // Check if you may exit the current URL

        const oldRouteData =  this.routingSnapshotTreeBuilder.buildRouteTree(window.location.pathname);


        try {
            url = url === '/' ? url :  new URL(url).pathname;
        } catch (err) {
            throw Error(`Cannot construct url from ${url}`)
        }



        this.currentSnapshot = this.routingSnapshotTreeBuilder.buildRouteTree(url);

        const canGoOn = await this.canGoOn(url, this.currentSnapshot.guard, oldRouteData && oldRouteData.deactivateGuard, window.location.pathname);

        if (!canGoOn) {
            return;
        }

        history.pushState({current: url, prev: window.location.pathname}, null, url);

        this.routerOutlet.setAttribute('current-url', url);
    }