Angular 在ionic 5中获取url传递的参数

发布于05月16日

我已将URL中的参数传递给我的ionic应用程序

http://localhost:8100/welcompage/overview?brand=bmw

我正在使用ActivateRoute检索作为URL中的参数传递的数据

   constructor(private route: ActivatedRoute) {
    }

    ngOnInit() {
        this.route.params.subscribe(params => {
             console.log(params['brand']);
        });
    }

输出总是"未定义"，同时URL中有参数

推荐答案

第一种方法:

  let brand = this.route.snapshot.paramMap.get('brand');

第二种方法:

this.route.paramMap.subscribe(

  (data) => {

    console.log(data.brand)

  }

);

方法1或方法2适合您的需要，前提是您已经在路由url/:brand上定义了品牌参数.

方法3:

this.route.queryParams
  .subscribe(params => {
    console.log(params); // { brand: "bmw" }
    let brand = params.brand;
    console.log(brand); // bmw
  }
);