angular - 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 创建的路径。提供给 routerLink .
this.router.navigate(['/detail', this.selectedHero.id]);在您的组件或服务中用于导航。
routerLink指令和 this.router.navigate如果指定了相同的参数，则应该导航到完全相同的 url。