用ActivatedRoute获取url中的参数

Posted 2020-09-18 tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用ActivatedRoute获取url中的参数相关的知识，希望对你有一定的参考价值。

突然让我用ActivatedRoute

import {Injectable} from "@angular/core";
import {ActivatedRoute} from "@angular/router";

import {Subscription} from "rxjs/Rx";
import {UserModel} from "./shared/user.model";

@Injectable()
export class UserService {
  protected user: UserModel;
  protected subscription: Subscription;

  constructor(protected activatedRoute: ActivatedRoute) {
    this.subscription = this.activatedRoute.queryParams.subscribe(
      (queryParams: any) => {
        if (queryParams.name) {
          this.setUser(queryParams.name);
        }
      }
    )
  }

  setUser(name) {
    this.user = new UserModel(name);
    console.log(‘Setting user‘, this.user);
  }

}

 

以上是关于用ActivatedRoute获取url中的参数的主要内容，如果未能解决你的问题，请参考以下文章

无法从角度路由器获取路径或 url

如何对依赖于 ActivatedRoute 参数的组件进行单元测试？

Angular 测试，为不同的测试用例动态改变 ActivatedRoute 参数

将路由参数传递给组件

typescript 使用参数，数据和快照模拟ActivatedRoute。

Angular 4 - 失败：无法解析 ActivatedRoute 的所有参数：(?, ?, ?, ?, ?, ?, ?, ?)