使用路由器链接的不同方式？

Question

我还在学习 Angular，我遇到了一个使用链接的路线的例子，这是我从未见过的。浏览 Angular.io 上的文档，我习惯于查看和使用这种格式：
https://angular.io/tutorial/toh-pt5

template: `
   <h1>{{title}}</h1>
   <a routerLink="/heroes">Heroes</a>
   <router-outlet></router-outlet>
 `

然后，我在这里读了一篇文章：
http://blog.ng-book.com/basic-routing-in-angular-2/

  <a>Navigation:</a>
  <ul>
    <li><a [router-link]="['home']">Home</a></li>
    <li><a [router-link]="['login']">Login</a></li>
    <li><a [router-link]="['dashboard']">Dashboard</a></li>
  </ul>

有什么区别？

Answer 1

您提供的第一个示例，数据作为原始值传递，因此可以将其设置为静态值

第二个示例，它可以绑定到组件中的变量，不一定，这只是一种不同的方式，它为您可以使用路由器执行的操作提供了更大的灵活性。

如果您只输入原始值，它们都会为您提供相同的结果，但如果您需要来自组件的值，例如，从数据库中检索值，则第二个会更理想。

使用路由器链接的不同方式？

Different ways of using router links?

angular2-routing