Angular 无法获取查询参数

Question

我有一个angular路由应用程序，其中一页有一个查询参数。但是我获取不到这个查询参数

我的主要代码：

    <div class="nav-item" [routerLinkActive]="['active']">
         <a class="nav-link" [routerLink]="['nested']" [queryParams]="{ initType: 'testE'}" >Nested</a> 
    </div>

    ngOnInit(): void {
        const urlString = window.location.href;
        console.log('urlString=' + urlString);
        const url = new URL(urlString);
        const initType = url.searchParams.get('initType');
        console.log('initType=' + initType);

        this.route.params.subscribe(params => {
            console.log('initType=' + params.initType);
        });
    }

两个输出都未定义或为空。

您可以调试此url中的代码：http://www.justa999.com/angular/#/nested?initType=testE

我的angular版本是9.1

Answer 1

this.activatedRoute.queryParams.subscribe(values => {
  console.log(values);//Which will print the properties you have passed
});

这应该可以帮助您： https://angular.io/api/router/ActivatedRoute#queryParams

Angular 无法获取查询参数

Angular can't get query parameter

angular

query-parameters