12.4.1 - query 传参

• 在 a 标签上添加一个参数 queryParams，并通过 this.routerInfo.snapshot.queryParams 获取参数

  <a routerLink="/about" [queryParams]="{ name: 'kitty' }">关于我们</a>

  ```typescript import { ActivatedRoute } from ‘@angular/router’;

export class AboutComponent implements OnInit { constructor(private route: ActivatedRoute) { }

ngOnInit(): void {
    // 方法一
    // console.log(this.route.snapshot.queryParams['name'])
    // 方法二
    this.route.queryParamMap.subscribe(query => {
        console.log(query.get("name"))
    })
}

} ```