Angular4 - Change state from component not template

Question

In AngularJS I used ui-router for redirecting inside of my app(changing state).

It has 2 possible options to redirect

• In template ui-sref='stateName'
• In controller $state.go()

I just start play with Angular (4) and I found only way how to change route from template with something like:

• Template routerLink="routePath"

Is there some way as there was in ui-router to change route from component?

Answer 1

constructor(private router:Router) {}

changeRoute() {
  this.router.navigate(...)
  // this.router.navigateByUrl(...)
}

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