how to stop url appending in angular 2 application using core angular2 router

Question

My application is getting appened inside another application and I cannot append anything in the url as parent application is restrict.

Is there a way I can stop appending in the url. I am able to do the same in angular2 alpha 34 build by this.router.navigate(value, true);

I want to do the same in @angular:2.0.1 and in the html not in my typescript class by defining a method and calling it on (click).

what does this mean My application is getting appened inside another application? — smnbbrv
– smnbbrv, Commented Oct 11, 2016 at 14:28

Günter Zöchbauer · Accepted Answer · 2016-10-11 14:27:53Z

2

Sounds like you are looking for skipLocationChange:

router.navigate(['team', 33, 'user', 11], {relativeTo: route, skipLocationChange: true });

See also https://angular.io/docs/ts/latest/api/router/index/Router-class.html

answered Oct 11, 2016 at 14:27

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Reese Davis Over a year ago

Is there a way I can do that from my html?

Günter Zöchbauer Over a year ago

Don't think so. routerLink doesn't seem to provide an option.

Reese Davis Over a year ago

What relativeTo: route does? without that option its working for me now. also cleaned it up little bit

Günter Zöchbauer Over a year ago

Sorry, I just copied the code from the linked docs page. You only need to pass the route if you use relative paths from child routes.

Maihan Nijat Over a year ago

@GünterZöchbauer Is it possible to apply for overall app instead of adding to each navigation?

|

Aniruddha Das · Accepted Answer · 2016-10-11 15:24:08Z

2

skipLocationChange: true prevent angular2 to append anything in URL. As @Günter Zöchbauer suggested, You need to pass skipLocationChange: true as the default value is false.

full code will be:

import { Router }   from '@angular/router';

export class MovingInPages {

    constructor(private router: Router) {
    }

    moveToAnotherPage(value: string) {
        this.router.navigate([value], { skipLocationChange: true });
    }
}

The html will be like below:

<button type="button"  (click)="moveToAnotherPage('another-page-route')" class="btn btn-primary">Another page</button>

answered Oct 11, 2016 at 15:24

Aniruddha Das

21.8k27 gold badges104 silver badges135 bronze badges

Collectives™ on Stack Overflow

how to stop url appending in angular 2 application using core angular2 router

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related