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

【问题标题】：Different ways of using router links?使用路由器链接的不同方式？
【发布时间】：2017-09-01 13:55:51
【问题描述】：

我还在学习 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>

有什么区别？

【问题讨论】：

标签： angular2-routing

【解决方案1】：

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

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

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

【讨论】：