更改路線（使用模板指令）

既然已經建立了路線，我們需要一些方法來實際改變路線。

此示例將顯示如何使用模板更改路徑，但可以在 TypeScript 中更改路徑。

這是一個例子（沒有繫結）：

<a routerLink="/home">Home</a>

如果使用者點選該連結，它將路由到/home。路由器知道如何處理/home，因此它將顯示 Home 元件。

以下是資料繫結的示例：

<a *ngFor="let link of links" [routerLink]="link">{{link}}</a>

這將需要一個名為 links 的陣列，所以將其新增到 app.ts：

public links[] = [
    'home',
    'login'
]

這將遍歷陣列並新增 <a> 元素，其中 routerLink 指令=陣列中當前元素的值，建立：

 <a routerLink="home">home</a>
 <a routerLink="login">login</a>

如果你有很多連結，或者連結需要不斷更改，這將特別有用。我們讓 Angular 通過向它提供所需的資訊來處理新增連結的繁忙工作。

現在，links[] 是靜態的，但可以從其他來源提供資料。