angular6 路由拼接查询参数如 ?id=1 并获取url参数

1. 路由拼接参数：

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

拼接后在浏览器显示: 域名 /list/category.id/category.slug?id=1

1. angular 获取参数 id 的值：
   引用API: import { ActivatedRoute, Params } from ‘@angular/router’;

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