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

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

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

第二个例子，它可以绑定到组件中的变量，不一定，它只是一种不同的方式，它为您可以使用路由器提供更多灵活性。

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