Angular 5 - 关于ngOnInit事件的RouterLink

Question

当我点击此按钮时，它会转到某个页面：

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

我想要添加它以将其添加到ngOnInit：

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

可以这样做吗？如果是这样的话？

Answer 1

简单如你好

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

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

虽然我建议你使用这种表示法：

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

数组表示法比字符串表示法更灵活。

Answer 2

使用router.navigate

this.router.nvaigate('mypage')

确保您已导入

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

Answer 3

如果我理解正确你想要在一个组件加载OnInit时转到某个路径。

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

您可以编写此文件，但请确保在将使用此组件的模块中导入RouterModule。

Answer 4

你需要导入路由器：

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

constructor(private router: Router){}

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