Angular 2中的导航功能和routerLink有什么区别？

Question

我跟随官方Angular 2 tutorial，它以与routerLink非常相似的方式使用导航功能。他们之间有什么区别？哪个可以使用？

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

[routerLink]="['/detail', hero.id]"

Answer 1

[routerLink]是一个Angular指令，您可以在html中使用<a>或<button>元素。该指令将侦听点击事件并导航到使用提供给params的{​​{1}}创建的路径。

您的组件或服务中使用

routerLink进行导航。

如果指定了相同的参数，

this.router.navigate(['/detail', this.selectedHero.id]);指令和routerLink应该导航到完全相同的URL。

Answer 2

routerLink是在后台使用router.navigate()的指令 也是

routerLink的值和navigate中的函数参数完全相同。