angular - routerlink 和 router.navigate

Question

我正在阅读 routerlink 隐式调用 relativeTo 而 this.router.navigate 没有。

知道这些信息，我似乎仍然无法使以下工作。

routerlink 工作并给了我以下地址：

http://localhost/main/(aux:crypto/5a599f35af967b0017d1be6f/blogoutlet:steemblog:)

但：

 this.router.navigate([{outlets: { 'blogoutlet' : ['steemblog']}}])

只给出：

http://localhost/main/(aux:crypto/5a599f35af967b0017d1be6f)

每次我试图改变这些路径时，我都很难理解正在发生的事情，而且我需要很长时间才能解决这个问题。我可以遵循一个简单的规则吗？

Answer 1

[routerLink]可以在 html 中用于或元素。这将导航到使用params给定 routerLink 创建的路径。

this.router.navigate(['/detail', this.selectedHero.id]);

在您的 component.ts 或服务中使用以导航到路径中提供的特定组件。