在員工銷售排行榜，按下任何一個員工，就連結到員工資料明細。所以，在employee-sales-list.component.html中，修改有關員工的連結，主要是增加HTML標籤的Angular屬性routerLink來設定要連接到那個網頁，重點是在於連結的名稱後面，要帶物件類別的id。程式碼如下：

<h3>員工銷售排行榜</h3>
<div class="grid grid-pad">
  <a *ngFor="let employeeinfo of employesaleslists" class="col-1-4"
      routerLink="/employeeinfo/{{employeeinfo.id}}">
    <div class="module hero">
      <h4>{{employeeinfo.name}}</h4>
      <h4>{{employeeinfo.sales}}</h4>
    </div>
  </a>
</div>

網頁執行結果：

我們對Angular，已經有基本的認識了。不過，一般的網站系統，主要是對資料庫來做維護的功能，所以，在Angular是如何維護資料庫呢?

目前，都是透過web API來進行對資料庫，做查詢、列表、新增、更新、刪除等功能。而web API的程式，是透過其他的程式來寫，例如：Java、C#、php等電腦語言來寫web API。

所以，後續，預計會以Java的Spring Boot的架構來寫web API。透過Angular的HttpClient來連結web API。

不過，再介紹如何呼叫web API之前，我們可以先透過Angular的模擬資料伺服器機制，來測試HttpClient程式是否正確。什麼是模擬資料伺服器，請看下回分解。