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

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

第一個例子，該數據被作爲原始值傳遞，因此它可以被設置爲靜態值

第二個例子，它可以被綁定到從組件的變量，不是必需的，它只是一種不同的方式可以爲路由器提供更多的靈活性。

如果您只需鍵入原始值，它們都會爲您提供相同的結果，但是如果您需要組件中的值，例如從數據庫中檢索值，則第二種方法會更理想。