Angular 5-关于ngOnInit事件的RouterLink

Question

When I click on this button it goes to a certain page:

<button routerLink="/mypage">Click Here</button>

What I want to do it to add this to add it to the ngOnInit:

 ngOnInit() {
  // Code to do the same as routerLink here
}

Can this be done? If so how?

Answer 1

Simple as hello

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

constructor(private router: Router) {}
ngOnInit() { this.router.navigate('/mypage'); }

Although I advise you to use this notation instead :

ngOnInit() { this.router.navigate(['/mypage']); }

The array notation is more flexible than the string one.

Answer 2

You need to import Router :

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

constructor(private router: Router){}

ngOnInit() {
  // Code to do the same as routerLink here
  this.router.nvaigate(['/mypage']);
}

Answer 3

Use router.navigate

this.router.nvaigate('mypage')

Make sure you have imported

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

Answer 4

If I understood you correctly you want to go to the certain route when one component loads it's OnInit.

constructor(private: Router) { }
ngOnInit() {
  this.router.navigate(['/mypage']);
}

You can write this, but make sure you have RouterModule imported in the module where this component will be used.