routerlink和router.navigate

时间:2018-01-13 07:12:31

标签: angular difference routerlink

我正在读取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)

每次我试图改变这些路径时,我都很难理解发生了什么,我需要花费很多时间来解决这个问题。 我可以遵循一条简单的规则吗?

1 个答案:

答案 0 :(得分:1)

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

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

用于component.ts或services中,以导航到路径中提供的特定组件。