我在尝试将queryparams放入组件时遇到了麻烦。现在，我只想console.log(...)它。
我正在使用ActivatedRoute中的@angular/router来完成此任务。
我正在重新开发某个工作平台，因此不幸的是，一些不相关的代码将必须替换为“ ...”
我的Component.ts代码：
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { RelevantReportService } from './../reportServices/relevantReports.service';
import { ActivatedRoute ,Params, Router } from '@angular/router';
@Component({
selector: 'vr-reports',
templateUrl: './reports.component.html',
styleUrls: ['./reports.component.scss'],
providers: [RelevantReportService],
encapsulation: ViewEncapsulation.None
})
export class ReportsComponent implements OnInit {
reportSections: any;
constructor( private relevantReportService: RelevantReportService,
private router: Router,
private activatedRoute : ActivatedRoute
) { }
ngOnInit() {
...
console.log(this.activatedRoute.queryParams.value.reportName)
// console.log(this.activatedRoute.queryParams._value.reportName)
}
...
}
当我执行
console.log(this.activatedRoute.queryParams.value.reportName)时，控制台会吐出queryparams（这正是我想要的），但是它也说“类型为“可观察”的属性“值”不存在”
所以我认为这不是解决问题的正确方法。
最佳答案
它是可观察的，以便能够监视参数中的变化（通过订阅observable）。要获取当前传递的查询参数，请使用：
this.activatedRoute.snapshot.queryParams
您也可以使用ActivatedRouteSnapshot代替ActivatedRoute