订阅Angular中的查询字符串参数

发布时间：2020-12-17 10:24:34 所属栏目：安全来源：网络整理

导读：我已经看过很多在Angular 2中订阅查询字符串参数的例子,但我似乎无法让它工作例如How get query params from url in angular2? 这是我的代码： import { ActivatedRoute,Router } from '@angular/router';...export class MyComponent implements OnInit,On

我已经看过很多在Angular 2中订阅查询字符串参数的例子,但我似乎无法让它工作

例如How get query params from url in angular2?

这是我的代码：

import { ActivatedRoute,Router } from '@angular/router';
...
export class MyComponent implements OnInit,OnDestroy {
  private a: boolean = true;
  private b: boolean = true;

  constructor(route: ActivatedRoute)  {
  ...

  ngOnInit(): void {    
    this.route.queryParams.subscribe((queryParams:any) => {
      this.a = queryParams.a;
      this.b = queryParams.b;
     });

我遇到的问题是,这似乎并不是指我的组件设置a和b我想用来驱动* ngIf语句不起作用.

我究竟做错了什么？

以下代码适用于Angular 5.

import { ActivatedRoute,OnDestroy {
  private a: boolean;
  private b: boolean;

  constructor(private route: ActivatedRoute)  {
  this.a = true;
  this.b = true;
  ...
  }

  ngOnInit(): void {    
    this.route.queryParams.subscribe(queryParams => {
      this.a = queryParams['a'];
      this.b = queryParams['b'];
  });

你能试试看它是否有效吗？

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!