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

您需要导入路由器：

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

constructor(private router: Router){}

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

Answer 3

使用router.navigate

this.router.nvaigate('mypage')

确保已导入

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

Answer 4

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

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

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

Angular 5 - 关于ngOnInit事件

4 个答案: