angular6 路由拼接查詢參數如 ?id=1 並獲取url參數

路由拼接參數：

<div class="category-border" [routerLink]="['/list/' + category.id + '/' + category.slug]" [queryParams]="{id: 1}">

拼接后在瀏覽器顯示: 域名  http://localhost:4200/?id=1

angular 獲取參數 id 的值： 
　　引用API: import { ActivatedRoute, Params } from ‘@angular/router’;

this.activeRoute.queryParams.subscribe((params: Params) => {
      this.source = params['id'];
    });